【发布时间】：2017-09-03 08:18:56
【问题描述】：
我是 Node.js 应用程序和 webpack 的新手。在开发过程中，我会运行 webpack-dev-server 来提供我的包，它会创建样式标签并将所有的 css 放在那里。由于无法运行 webpack-dev-server，如何将 css 放置在生产服务器上的样式标签中？
【问题讨论】：
标签： node.js webpack webpack-style-loader
【发布时间】：2017-09-03 08:18:56
【问题描述】：
style-loader 不依赖于webpack-dev-server，它只是将您的 CSS 添加到包中，以便将<style> 标记注入<head>，因此它的名字。只要您仍在使用style-loader 进行生产构建，它的工作原理就完全一样。
因为依赖于在注入 CSS 之前加载的 JavaScript 包有一些缺点，所以存在 extract-text-webpack-plugin，它从包中提取 CSS，为您提供一个可以添加到 HTML 的 CSS 文件，因此您可以与 JavaScript 包分开请求/提供 CSS。
【讨论】：
-
我明白了。我已经使用 extract-text-webpack-plugin 将 CSS 提取到它自己的包中，但我试图使用 webpack 将 CSS 放入样式标签中。如果我运行 webpack-dev-server，那么我会在样式标签中看到 CSS，但如果我不运行 webpack-dev-server，那么我根本看不到任何 CSS。这是否意味着我必须在生产服务器上安装 node.js 才能正常工作？
-
如果您使用
extract-text-webpack-plugin，您需要在您提供的 HTML 文件中包含创建的 CSS（除了 JavaScript 包）。您可能没有使用相同的配置进行开发和生产，因此存在差异。 -
我会这样做，这似乎是一条更简单的路线。谢谢！