webpack - webpack scss 打包

Question

我正在使用 scss loader 通过 webpack 在我的项目中加载 scss 文件。一切正常，但 css。所有的 css 都已形成，但会从组件中泄漏出来，即如果在我的组件之外声明了相同的 css 类，它会被组件之外的那个覆盖。有人可以告诉我 webpack 是否有任何配置允许 css 被限制在它导入的 javascript 类中而不是全局公开？谢谢萨米尔

Answer 1

您正在寻找的是CSS Modules。
github repo 包含您需要的所有信息，但简而言之，它会将所有样式文件转换为对其提供支持的组件require的本地文件import。
为了在全局范围内创建样式元素范围，您可以使用:global()伪类。