我应该如何将时刻时区与 webpack 一起使用

Question

在使用 webpack 构建我的项目时，我通常需要 npm 模块中的 CommonJS 模块。我的项目中需要时刻时区，但是在构建包时，您还必须从时刻时区构建所有数据，这可能相当多。

此外，生成失败，并出现以下错误：

ERROR in ./~/moment-timezone/data/packed/latest.json
Module parse failed: /site/node_modules/moment-timezone/data/packed/latest.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "version": "2015a",
|   "zones": [
|       "Africa/Abidjan|LMT GMT|g.8 0|01|-2ldXH.Q",
@ ./~/moment-timezone/index.js 4:15-51

在这一点上，我并不关心构建失败，因为我关心的是构建的大小，如果它真的成功了。但是，显然在某些时候也需要解决失败的构建。

我将不胜感激有关如何处理此问题的任何指示，特别是如果你们中的任何人在使用 webpack（或浏览器化，可能）时遇到了同样的问题。

Answer 1

您可以通过将 JSON 加载器添加到您的 webpack 配置来解决此问题。

$npm install json-loader

并将其添加到 webpack.config.js 中的加载器中。不要忘记添加扩展。

{
  module: {
    loaders: [
        {include: /.json$/, loaders: ["json-loader"]}
    ]
  },
  resolve: {
    extensions: ['', '.json', '.jsx', '.js']
  }
}

Answer 2

如果您使用的是 webpack 2.x（目前处于测试阶段）

npm install json-loader

然后将其包含在您的rules

中

{
    test: /.json$/,
    loader: "json-loader"
}