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

Question

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

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

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

*注意:我不想使用 !important，因为我发现这在处理站点维护时很麻烦。

Answer 1

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

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

    }

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

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