WebpackでMoment.jsを使う時の注意点

公式マニュアルには書いてあるのだが、何も設定せずに、Webpackを使うと標準のMoment.jsのコード量がとても大きいため、最終的に出力されるファイルも必然的に大きくなってしまう。

momentjs.com

そこで不要なローカルタイムの設定を削除し、必要なタイムゾーンのみ残すには、Webpackでpluginを使う必要がある。

// 省略
const MomentLocalesPlugin = require('moment-locales-webpack-plugin');

// 省略
module.exports = {
  plugins: [
    new MomentLocalesPlugin({
      localesToKeep: ['es-us']
    })
  ]
};

// 省略

これ盲目的に使うとコード量が肥大化してしまうので注意が必要である。