从 webpack 打包中排除 less-loader

Question

我正在使用Webpack编译JavaScript捆绑包，非常满意。我也在使用ExtractTextPlugin将LESS文件编译为CSS，这也非常好用。我开始研究捆绑包的最终大小和组成，并发现了一些需要解决的问题：

less-loader占用了9.9％的捆绑大小。这本身似乎很多，但真正让我感到惊讶的是，我认为我根本不需要在捆绑中使用它。我已经将CSS提取为自己的文件，并且在我的JavaScript模块中没有任何require（'./component.less'）。有没有一种方法可以要求webpack排除它，而不会破坏less->css编译？

- Dom Barker

Answer 1

使用 ExtractTextPlugin 后，你构建的样式源代码不会成为最终 JS 包的一部分。它们将保存在输出目录中，除非你显式地引用这些文件，否则它们不会包含在文档中。

我假设你使用的分析工具将编译的所有输出都视为“捆绑包”的一部分。

- Filip Dupanović

Answer 2

Webpack-visualizer 似乎出现了错误。

打开 node_modules/less-loader -> index.js，从中任选一个字符串（我使用 loaderUtils.parseQuery），并在你的捆绑文件中搜索它。

我什么也没找到，看起来加载器没有被包含在内。

- STO