当你使用webpack时，是否有任何方法可以停止moment.js加载所有的locale(我只需要英语)?我在看源代码，似乎如果hasModule是定义的，这是为webpack，那么它总是试图要求()每个地区。我很确定这需要一个拉请求来修复。但是我们是否可以通过webpack配置来解决这个问题呢?
下面是加载momentjs的webpack配置:
resolve: {
alias: {
moment: path.join(__dirname, "src/lib/bower/moment/moment.js")
},
},
然后在任何我需要它的地方，我只需要('moment')。这是有效的，但它增加了大约250kb的不需要的语言文件到我的包。我还使用了momentjs和gulp的凉亭版本。
另外，如果webpack配置不能解决这个问题，这里有一个加载locale的函数的链接。我试着添加&& module.exports.loadLocales到if语句，但我猜webpack实际上并没有以那种方式工作。它只是要求无论什么。我想它现在用的是正则表达式所以我不知道你会怎么去修正它。
下面是在NPM安装程序中使用postinstall脚本的另一个解决方案。
你可以在你的包裹上放一条线。json文件:
{
"scripts": {
...
"postinstall": "find node_modules/moment/locale -type f -not -name 'en-gb.js' -not -name 'pl.js' -printf '%p\\n' | xargs rm"
...
}
}
因此，不需要的区域设置将在npm install完成安装包后立即删除。
在我的例子中，只有engb和pl locale将保留在bundle中。
如果你已经有postinstall脚本，你可以添加脚本到现有的命令:
{
"scripts": {
...
"postinstall": "previous_command && find node_modules/moment/locale -type f -not -name 'en-gb.js' -not -name 'pl.js' -printf '%p\\n' | xargs rm"
...
}
}
代码要求('。/locale/' + name)可以使用locale目录下的每个文件。所以webpack将每个文件作为模块包含在你的bundle中。它不知道你在使用哪种语言。
有两个插件非常有用，它们可以为webpack提供更多关于应该在bundle中包含哪个模块的信息:ContextReplacementPlugin和ignoplugin。
需要('。/locale/' + name)被称为context(一个包含表达式的require)。webpack从这个代码片段中推断出一些信息:一个目录和一个正则表达式。这里:directory = "…"/moment/locale"正则表达式= /^.*$/。默认情况下包括locale目录中的每个文件。
ContextReplacementPlugin允许覆盖推断的信息，即提供一个新的正则表达式(选择你想要包含的语言)。
另一种方法是使用ignoplugin忽略require。
这里有一个例子:
var webpack = require("webpack");
module.exports = {
// ...
plugins: [
new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /de|fr|hu/)
// new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
]
};
