当使用 Webpack 时，用它来打包你的客户端 JS 是完全有意义的。但是使用它来编译 SASS 并将 CSS 加载到页面中的目的是什么？最后，您似乎需要使用另一个 Webpack 插件 ( ExtractTextWebpackPlugin )，以便在您准备好部署到生产环境时提取 CSS。
看来你要绕一圈了。在 Webpack 之前，你在 <head> 中加载你的 CSS使用 <link>像正常一样标记。现在使用 Webpack，您可以通过 JS 包加载它。现在对于生产，您使用 Webpack 插件将其放回 <head>再次标记。那有什么意义呢？
已经有许多工具和方法可以在没有 Webpack 的情况下编译 CSS 并在页面中实时重新加载它。首先，将 Webpack 用于 SASS/LESS/CSS 有什么优势？
最佳答案
tl;dr 我不认为您正在全面了解 Webpack。如果你沉迷于只使用 CSS 预处理器而不是坚持使用它们的独立编译器并继续前进。
Webpack 仅 读取 JavaScript，所以这就是 Loaders参加进来。当您想要开始处理其他文件类型时，您需要配置加载程序以提取特定代码并让它运行必要的任务。它与 Gulp 的管道或 Grunt 的配置 block 没有什么不同。
将 CSS(或任何预处理器)加载到 Webpack 的目的是因为你想要一个完整的任务运行器来处理捆绑你的代码、实时重新加载、图像优化、环境变量、代码优化、HTML 模板等等否则这是可能的。您不会只是将 Webpack 用作独立的 CSS 预处理器，这不是目标。
关于javascript - 将 CSS 加载到 Webpack 中有什么意义？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49483175/