css - 为什么 uglify-js 报告 'WARN: Output exceeds 32000 characters' ？

构建管道是:Typescript、browserify、browserify-css、uglify。

运行时库:react、bootstrap。

到目前为止，我的应用程序的功能很少(这就是为什么我要问这是否会在以后咬我，即使它现在似乎有效)。稍后它会变得更大(react-router、redux、其他 js 库，如 Auth0，甚至可能是一些实际功能。)

我有一个 app.css，其中包含:

@import url("node_modules/bootstrap/dist/css/bootstrap.css");

然后我将它导入到我的 index.tsx 中:

import './app.css';

这一切似乎都有效，因为我的 helloworld react 组件显示“hello world”。

但是，在构建过程中，uglify 报告:

WARN: Output exceeds 32000 characters

我应该忽略它吗？如果是这样，有没有办法抑制它？

查看由 uglify 生成的文件表明它似乎确保没有行超过 32000 个字符 - 大多数行在 32000 处被截断(一个在 31999 处)。

但是有一行 var css='/*!\n * Bootstrap v3.3.7 ...' 是 120K 个字符长。我想这就是 Uglify 想告诉我的，但有什么大不了的？

最佳答案

根据 DavidG 的评论，您可以使用 max-line-len 选项告诉 Uglify 不要对此提示。

但是，您不能只添加该选项，因为它仅在您“美化”代码时才有效。然后它会做其他你可能不想做的事情。

解决方案是使用 -b 选项启用美化，然后告诉 Uglify 不要真正美化。 o_o

"scripts": {
  "uglifyjs":"uglifyjs -b beautify=false,max-line-len=120000"
}

以上将行长度设置为 120K - 这使得警告消失。

不过，这更像是一种解决方法，而不是答案——它回答了我的问题的“我如何抑制它”部分。我仍然不知道为什么它会警告我 - 旧浏览器的问题或其他什么，我不知道。

关于css - 为什么 uglify-js 报告 'WARN: Output exceeds 32000 characters' ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42568373/