【webpack速習】vol.11: TypeScript
下記ページをざっくりとまとめます。
- Basic Setup
- Loader
- Source Maps
- Using Third Party Libraries
- Importing Other Assets
【webpack速習】vol.8: Code Splitting
下記ページの要点をまとめていきます。
- Entry Points
- Prevent Duplication(重複を防ぐ)
- Dynamic Imports(動的インポート)
- async function を使う
- Prefetching/Preloading modules
- Bundle Analysis(バンドル分析)
【webpack速習】vol.6: Tree Shaking
下記ページの要点をまとめます。 webpack.js.org
また一部を下記ページより引用、大いに参考にさせていただいています。 www.kabuku.co.jp
- tree shakingとは
- 実際に試してみる
- tree shaking を有効にする
- 関数をexport するファイルを作る
- 関数を import するファイルを作る
- tree shaking 無効にしてビルドした場合
- tree shaking 有効にしてビルドした場合
- ここまでのまとめ
- Production モードでも不要なコードが含まれてしまう
- 副作用(side effect)とは
- 副作用がないことをwebpackに伝える
- package.json に sideEffects プロパティを指定
- 検証
- まとめ
- 参考