[B! slide][webpack] efclのブックマーク

slides/content/ModuleFederationWebpack5.md at master · sokra/slides

The motivation for Module Federation is developing one or more applications with multiple teams. Applications are split into smaller application "parts". These could be frontend components like a "Header" or "Sidebar" component, but also logical components like "Data Fetching Logic" or other business logic. Each part can be developed by a separate team. Applications or parts of them share other pa

efcl 2020/06/23

webpack 5で導入予定のModule Federationについてのスライド。 Federationでの最適化や動作、既存のDLLやExternalsとの違いについて話されている

リンク

現代フロントエンドに欠かせないwebpackとBabelを理解しよう

Transcript ݱ୅ϑϩϯτΤϯυʹ͔ܽͤͳ͍  XFCQBDLͱ#BCFMΛཧղ͠Α͏ʂ� CVJMEFSTDPO�UPLZP�� /BNF� ��4BLJUP�.VLBJ� 5XJUUFS  ��!@@TBLJUP@@� $PNQBOZ� ��$ZCP[V�JOD�  ��'SPOUFOE�&YQFSU�5FBN "CPVU�NF w#BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ� w#BCFMʹ͍ͭͯ� wXFCQBDLʹ͍ͭͯ� wXFCQBDL #BCFMͰ಺෦࣮૷Λ௥͍ͬͯ͘ "HFOEB #BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ &$."4DSJQUͱ5$�� w+BWB4DSJQUʹ͸&$."4DSJQUͱ͍͏ݴޠ࢓༷͕͋Δ� w͜ͷݴޠ࢓༷ΛܾΊ͍ͯΔҕһձ͕5$��  5FDIOJDBM�$PNNJUUFF�� w&4��

efcl 2019/09/02

Babelやwebpackが何をやっているのかについてのスライド。 Babelがどのようにコードを変換しているのかやwebpackがどのようにモジュールを扱っているのかについて

リンク

個人的にTerser & Babelの好きなところ · GitHub

Terser & Babel の好きなところ.md だれ？ (credit: @tomo_e さん) Sho Miyamoto / @antidotech 新卒 2 年目ウェブチームフロント、BFF、CDN Introduction 今日話すこと普段あまり気にしない（かもしれない）ビルドツールたちが頑張ってやってくれてることぼくたちにも手伝えること今日日のビルドツールたち Transpiler Bundler Minifier Babel Webpack Terser tsc Rollup UglifyJS (etc.) Parcel babel-minify Minifier & Transpiler どのバンドルツールを使ってもお世話になるツール AST を見てソースコードを加工する Minifier: Terser https://github.com/terser/ter