我目前正在学习如何使用webpack，而我正在努力使用CSS文件。基本上，我使用AngularJs 1.5和TypeScript来创建两个组件。它们中的每一个都有一个模板，其中包含带有“按钮”类的“div”元素。
每个组件都有一个CSS文件，它们都包含一个名为“button”的“类”。
我希望能够做到
require('./file.css')
将其打包到生成的“app.bundle.js”文件中。这样，加载css文件不需要其他请求。我通过简单地使用“style-loader”和“css-loader”成功地完成了这项工作。
我的问题是“app.bundle.js”文件中包含的CSS实际上不是组件范围的，所以“按钮”类保持“按钮”。因此，如果我在同一页面上同时包含我的两个组件，则应用最新组件的样式（在页面的“样式”标签中定义两个“按钮”类。）
但是，我从this article理解的是，它会在类名中生成带有前缀的css，用于为组件设置这些类的范围，但是在这里，类名保持不变，从而产生冲突。 / p>
有没有办法用webpack实现我想要的东西？