“代码生成器对[某些文件]的样式进行了非优化，因为它超过了“100KB”的最大值”是什么意思?

我在我的项目中添加了一个新的npm包，并在我的一个模块中要求它。

现在我从webpack得到这个消息，

注意:代码生成器已经取消了“D:/path/to/project/node_modules/ramda/dist/ramda.js”的样式，因为它超过了“100KB”的最大值。

这是什么意思?我需要采取一些行动吗?

当前回答

在react/redux/webpack/babel build中，通过删除脚本标签类型text/babel修复了此错误

有错误:

<script type="text/babel" src="/js/bundle.js"></script>

没有错误:

<script src="/js/bundle.js"></script>

其他回答

有关更多解释，请阅读Babel选项-紧凑，它是Babel编译器的选项，命令不包括多余的空格字符和行结束符。以前它的阈值是100KB，但现在是500KB。

我建议您在开发环境中禁用此选项，使用.babelrc文件中的代码。

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

对于生产环境，Babel使用默认的自动配置。

这与Babel编译器的压缩选项有关，该选项命令“不包括多余的空格字符和行结束符”。当设置为“auto”时，在输入大小为>100KB时，compact设置为true。”默认情况下，它的值是“auto”，所以这可能是您收到警告消息的原因。参见Babel文档。

您可以使用查询参数从Webpack更改此选项。例如:

loaders: [
    { test: /\.js$/, loader: 'babel', query: {compact: false} }
]

这似乎是一个通天塔错误。我猜您使用babel-loader，并且没有从加载器测试中排除外部库。据我所知，这条信息是无害的，但你仍然应该这样做:

loaders: [
    { test: /\.js$/, exclude: /node_modules/, loader: 'babel' }
]

看一看。是这样吗?

我试过里卡多·斯图文的方法，但对我没用。最终起作用的是在我的.babelrc文件中添加"compact": false:

{
    "compact": false,
    "presets": ["latest", "react", "stage-0"]
}

我有同样的问题与视频.js，添加特定的包解决了我的问题。

exclude: devMode ? /node_modules/ : [
/node_modules\/video.js/, /@babel(?:\/|\\{1,2})runtime|core-js/],

推荐文章