Webpack -p慢速构建“[BABEL]”注意:代码生成器已经优化了“file.jsx”的样式,因为它超过了“500KB”的最大值

时间:2017-08-15 07:55:12

标签: webpack webpack-2 uglifyjs

在运行webpack -p时,会抛出此BABEL音符。这个版本的速度非常慢(大约需要2分钟),特别是挂起(几乎一分钟)。

文件本身实际上是地图图块的Leaflet.js数据集,保存在变量中并导入到另一个组件中。它几乎是16000行。

如何解决此警告/错误,并可能减少webpack -p构建时间?这个文件根本不会改变,它完全是静态的。有没有更好的方法来加载和捆绑它?

这是第一部分的堆栈跟踪,它肯定会挂起,但与上述警告无关:

[ERROR] loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
[ERROR] parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
[INFO] Hash: 3630895d5243d91f70f9
[INFO] Version: webpack 2.2.1
[INFO] Time: 112723ms

2 个答案:

答案 0 :(得分:0)

尝试将此部分添加到.babelrc文件中:

{
  "env": {
    "development" : {
      "compact": false
    }
  },
  ...
}

答案 1 :(得分:0)

我有同样的问题。搜索并尝试了几件事之后,以下一项工作了。我包括了exclude: /node_modules/ 在我的装载机上像这样:

rules: [
      { test: /\.(js)$/, use: "babel-loader", exclude: /node_modules/ },
      { test: /\.css$/, use: ["style-loader", "css-loader"] }
    ]

我在this线程中找到了以上信息。