moment.jsがWebpackでロケールをロードしないようにするにはどうすればよいですか？

moment.jsWebpackを使用しているときに、すべてのロケール（英語のみが必要です）のロードを停止できる方法はありますか？私はソースを探していますが、それhasModuleが定義されている場合、それはwebpackの場合、常にrequire()すべてのロケールを試行します。私はこれを修正するためにプルリクエストが必要だと確信しています。しかし、webpack設定でこれを修正できる方法はありますか？

以下は、momentjsをロードするための私のwebpack設定です。

resolve: {
            alias: {
                moment: path.join(__dirname, "src/lib/bower/moment/moment.js")
            },
        },

それなら、どこでも必要なときに、ただやるだけですrequire('moment')。これは機能しますが、バンドルに約250 kBの不要な言語ファイルが追加されます。また、私はmomentjsとgulpのバウアーバージョンを使用しています。

また、これがwebpack設定で修正できない場合は、ロケールをロードする関数へのリンクがあります。ステートメントに追加&& module.exports.loadLocalesしてみましたが、ifwebpackは実際には機能しません。それはrequire何があっても問題ありません。今は正規表現を使用していると思いますので、どうすれば修正できるかわかりません。

コードrequire('./locale/' + name)はlocaleディレクトリ内のすべてのファイルを使用できます。したがって、webpackはバンドル内のモジュールとしてすべてのファイルを含みます。どの言語を使用しているかはわかりません。

ある2つのプラグインモジュールは、あなたのバンドルに含まれるべきかについての詳細な情報を与えるWebPACKのために有用である：ContextReplacementPluginとIgnorePlugin。

require('./locale/' + name)コンテキストと呼ばれます（式を含むrequire）。webpackは、このコードフラグメントからいくつかの情報を推測します：ディレクトリと正規表現。ここに：directory = ".../moment/locale" regular expression = /^.*$/。したがって、デフォルトでは、localeディレクトリ内のすべてのファイルが含まれます。

ContextReplacementPluginすなわち（含めたい言語を選択して）新しい正規表現を提供推論された情報を上書きすることができます。

別のアプローチは、でのrequireを無視することですIgnorePlugin。

次に例を示します。

var webpack = require("webpack");
module.exports = {
  // ...
  plugins: [
    new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /de|fr|hu/)
    // new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
  ]
};

私たちのプロジェクトには、次のような瞬間が含まimport moment from 'moment/src/moment';れています。これでうまくいくようです。ただし、モーメントの使用法は非常に単純なので、SDKとの不整合があるかどうかはわかりません。WebPackがロケールファイルを静的に見つける方法を認識していないため、これは機能すると思います。警告が表示されます（空のフォルダーをに追加することで簡単に非表示にできますmoment/src/lib/locale/locale）が、ロケールは含まれていません。

適切なモジュール式のmomentライブラリがで出てくるバージョン3、私はせず角度-CLIを使用していますように、現在、いくつかの点で--eject私はちょうど使用することになったhttps://github.com/ksloan/moment-miniを同様import * as moment from 'moment-mini';

Adam McCrmickの回答に基づいて、あなたは近くにいたので、エイリアスを次のように変更します。

resolve: {
    alias: {
        moment: 'moment/src/moment'
    },
},

webpack2あなたが行うことができた瞬間の最近のバージョン：

import {fn as moment} from 'moment'

そしてwebpack.config.jsあなたの中で：

resolve: {
    packageMains: ['jsnext:main', 'main']
}