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

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

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

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


当前回答

这可能不是最初OP问题的情况,但是:如果您超过了默认的最大大小,这可能是您遇到的其他问题的症状。在我的情况下,我有警告,但最终它变成了一个致命错误:MarkCompactCollector:半空间复制,回调在旧代分配失败- JavaScript堆出内存。 原因是我动态地导入了当前模块,所以这最终导致了一个无休止的循环……

其他回答

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

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

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

有错误:

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

没有错误:

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

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

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

对于那些使用最新webpack并在那里配置有选项属性的人。不能同时使用查询和选项。如果两者都存在,则会得到此错误

Error: Provided options and query in use

相反,向选项名称generatorOpts添加新属性,然后在其下面添加属性紧凑。

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

对于那些和我一起工作的人(比如我)。你需要像这样做

config.module.rules.filter((rule) => rule.use && rule.use.loader === 'next-babel-loader')
.map((loader) => {
    loader.use.options.generatorOpts = { compact: false };
    return loader;
});

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

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

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

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