如何在使用webpack时从css框架覆盖样式？

Question

我正在为我的应用程序使用CSS框架，但想要覆盖某些样式。通常我会做类似的事情：

<link rel='stylesheet' href='link to framework'>
<link rel='stylesheet' href='my own stylesheet'>

所以我的样式表会覆盖任何预先框架编写的样式表。但是反应没有src/app.css的链接，所以我不知道该怎么办，也无法在他们的文档中找到它。

*注意：我不想使用！重要，因为我发现在处理网站维护时遇到麻烦。

Answer 1

为了覆盖您的框架样式，您可以配置您的webpack，如果您使用css-loader

 {
        test: /\.(scss|css)$/,
        use: ['style-loader', 'css-loader']

    }

并在您的App组件中导入样式，如

import './path/to/app.css'