从webpack bundle中排除less-loader

Question

我正在使用Webpack来编译我的JavaScript包，并对它非常满意。 我也用它来通过ExtractTextPlugin将我的LESS文件编译成CSS，这也很好用。 我已经开始研究束的最终大小和它的化妆，并找到了我想要修复的东西：

less-loader占据捆绑大小的9.9％。 这看起来很多，但是真正让我感到震惊的是我根本不认为我真的需要它。 我已经提取了CSS作为它自己的文件，并且在我的JavaScript模块中的任何地方都没有做任何require('./component.less') 。

有没有办法要求webpack排除它不会破坏less - > css编译？

Answer 1

使用ExtractTextPlugin ，您构建的样式源不会成为生成的JS包的一部分。 它们将保留在输出目录中，除非您明确引用这些文件，否则它们将不会包含在文档中。

我假设您正在使用的分析工具包括编译的所有输出作为“捆绑”的一部分。

Answer 2

在webpack-visualizer中似乎是一个错误。

打开node_modules / less-loader - > index.js，从中获取任何字符串（我使用loaderUtils.parseQuery ）并在你的bundle中搜索它。

我什么都没找到，所以看来装载机不包括在内