如何防止moment.js用webpack加载区域设置？

Question

当你使用webpack时，有什么方法可以阻止moment.js加载所有的语言环境（我只需要英语）？我在看源代码，似乎如果定义了hasMoules，它是为webpack定义的，那么它总是试图要求（）每个区域设置。我很确定这需要一个拉请求来修复。但有什么办法，我们可以修复这个与webpack配置？

这是我加载momentjs的网页配置：

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

然后，无论我在哪里需要它，我都只需要require（'moment'）。这是可行的，但它会将大约250 kB不需要的语言文件添加到我的包中。我还使用了momentjs和gulp的bower版本。

此外，如果webpack配置无法修复此问题，则此处有一个指向加载区域设置的函数的链接。我尝试添加




Answer 1

更新：2021
您可能需要签出许多其他LIB：

• https://date-fns.org
• https://github.com/iamkun/dayjs

原始答案：
看起来合适的模块化时刻库永远不会出现，但是，我只是最终使用了像导入*这样的https://github.com/ksloan/moment-mini作为“时刻迷你”的时刻；

Answer 2

匿名用户

在我们的项目中，我包括这样的时刻：从'时刻/src/时刻'导入时刻；，这似乎可以做到。不过，我们对矩的使用非常简单，所以我不确定是否会与SDK有任何不一致之处。我认为这是可行的，因为WebPack不知道如何静态地找到区域设置文件，所以你会得到一个警告（这很容易通过在时刻/src/lib/locale/locale添加一个空文件夹来隐藏），但是没有区域设置包括。

Answer 3

代码要求（'./locale/'name）可以使用locale目录中的每个文件。所以webpack将每个文件作为模块包含在你的捆绑包中。它无法知道您使用哪种语言。

有两个插件非常有用，可以为webpack提供有关捆绑包中应包含哪些模块的更多信息：ContextReplacementPlugin和IgnorePlugin。

要求（'./locale/'name）被称为上下文（包含表达式的要求）。webpack从这个代码片段中推断出一些信息：目录和正则表达式。这里：目录=".../时刻/区域设置"正则表达式 = /^.*$/。所以默认情况下，locale目录中的每个文件都包括在内。

ContextReplacementPlugin允许覆盖推断信息，即提供一个新的正则表达式（以选择要包括的语言）。

另一种方法是使用IgnorePlugin忽略需求。

这里有一个例子：

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