使用Webpack时，使用它来打包客户端JS是完全合理的。但是使用它来编译SASS并将CSS加载到页面中的目的是什么？最后，您似乎需要使用另一个Webpack插件（ExtractTextWebpackPlugin），以便在准备部署到生产环境时提取CSS。
好像你在这里走了一圈。在Webpack之前，您使用<head>标记正常加载<link>中的CSS。现在使用Webpack，您可以通过JS包加载它。现在，对于生产，您使用Webpack插件将其重新放回<head>标记。那么重点是什么？
已经有很多工具和方法用于编译CSS并在没有Webpack的页面中实时重新加载它。使用Webpack开始使用SASS / LESS / CSS有什么好处？
答案 0 :(得分：1)
tl;博士我不认为你正在寻找Webpack的网站。名额已满。如果你只是使用CSS预处理器，而不是坚持使用独立的编译器并继续前进。
Webpack 仅读取JavaScript，以便Loaders发挥作用。当您想要开始使用其他文件类型时，您需要配置加载器以提取特定代码并让它运行必要的任务。它与Gulp的Pipelines或Grunt的配置块没有什么不同。
将CSS（或任何预处理器）加载到Webpack中的重点是因为您希望拥有一个完整的fledge任务运行器来处理代码捆绑，实时重新加载，图像优化，环境变量，代码优化，HTML模板等等。否则这是可能的。您不会仅使用Webpack作为独立的CSS预处理器，而不是目标。