【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 プロパティを指定
- 検証
- まとめ
- 参考
