如何将全局样式表与 css 加载程序一起使用

Question

我试图弄清楚如何 import/require 全局 css 其中包括 body 等标签的样式。 我使用 css-loader + style-loader 和提取文本插件。我注意到了 :global 选择器，但不知道我应该把 global.css 放在哪里并导入它。

谢谢

Answer 1

您应该有一个带有样式表目录的资产目录，您可以在其中放置 global.css 文件。然后，在你的 index.js 文件中（你渲染 dom 的地方）你可以

require('./assets/stylesheets/global.css');

如果您的加载程序设置正确，这将引入您的 css 文件并使用它来格式化您的应用程序。