从webpack bundle中排除less-loader

Question

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

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

有没有办法要求webpack排除那些不会破坏less - ＆gt; css汇编？

Answer 1

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

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

Answer 2

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

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

我什么也没找到，所以看起来似乎没有包括装载机。