Webpack scss包装

Question

我正在使用scss loader通过webpack在我的项目中加载scss文件。一切工作正常，但CSS。 所有的css都会形成，但会泄露出组件，即如果在我的组件外声明相同的css类，它将被组件外部的组件覆盖。 有人可以告诉我，如果webpack有任何配置，允许css的作用域被限制在它导入的javascript类中，而不是全局暴露吗？ 谢谢 Samir

Answer 1

你在找什么是CSS Modules。
github回购包含所有您需要的信息，但总之，它将所有样式文件都转换为require s/import s。
为了使全局风格元素作用域可以使用:global()伪类。