webpack

速習webpack 速習シリーズ

npx webpack のように npx を使うとプロジェクトローカルにインストールしたコマンドを実行できることを覚えた。

webpack.config.js に optimaization の設定を追加すると共通の js を抽出して出力できることを覚えた。

  optimization: {
    splitChunks: {
      name: 'common.js',
      chunks: 'initial',
    }
  },

webpack —mode=production で生成した共通 js のサイズが 500KB を超えている。jquery プラグインとそれに付随する画像に起因してる気がするので追跡調査が必要。bundle しないで単純にとあるファイルをとある箇所に移動したいだけの場合にどうしたらいいのか分からないので Makefile を作ってひとまずしのぐ。