我在我的项目中添加了一个新的npm包,并在我的一个模块中要求它。
现在我从webpack得到这个消息,
注意:代码生成器已经取消了“D:/path/to/project/node_modules/ramda/dist/ramda.js”的样式,因为它超过了“100KB”的最大值。
这是什么意思?我需要采取一些行动吗?
我在我的项目中添加了一个新的npm包,并在我的一个模块中要求它。
现在我从webpack得到这个消息,
注意:代码生成器已经取消了“D:/path/to/project/node_modules/ramda/dist/ramda.js”的样式,因为它超过了“100KB”的最大值。
这是什么意思?我需要采取一些行动吗?
当前回答
我试过里卡多·斯图文的方法,但对我没用。最终起作用的是在我的.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/],
这与Babel编译器的压缩选项有关,该选项命令“不包括多余的空格字符和行结束符”。当设置为“auto”时,在输入大小为>100KB时,compact设置为true。”默认情况下,它的值是“auto”,所以这可能是您收到警告消息的原因。参见Babel文档。
您可以使用查询参数从Webpack更改此选项。例如:
loaders: [
{ test: /\.js$/, loader: 'babel', query: {compact: false} }
]
有关更多解释,请阅读Babel选项-紧凑,它是Babel编译器的选项,命令不包括多余的空格字符和行结束符。以前它的阈值是100KB,但现在是500KB。
我建议您在开发环境中禁用此选项,使用.babelrc文件中的代码。
{
"env": {
"development" : {
"compact": false
}
}
}
对于生产环境,Babel使用默认的自动配置。
我试过里卡多·斯图文的方法,但对我没用。最终起作用的是在我的.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>