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

我为我的应用程序使用CSS框架，但想覆盖某些样式。通常我会这样做：如何使用webpack在css框架中覆盖样式？

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

所以我的样式表覆盖了任何预框架编写的样式表。但反应没有链接到src/app.css，所以我不知道该怎么做，也找不到它们的文档。

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

配置您的WebPack到加载css文件，然后像导入你的组件一样导入它。/ path/to/app.css'' –

它工作完美@ShubhamKhatri –

这就是为什么React最适合使用'style'的原因。这里是[幻灯片放映]（https://speakerdeck.com/vjeux/react-css-in-js），其中还介绍了其他原因。 –

为了覆盖你的框架风格，如果你是css-loader使用它像

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

    }

，你可以配置你的WebPack导入你的风格你的应用程序组件一样

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

2017-06-19 05:32:48

Webpack在问题中没有提及，至少有一个浏览器。 –

@ polkovnikov.ph请看看我的评论。我只在OP确认其工作后才发布答案。因此，这表明他使用的是webpack –

该主题出现在Google搜索中，与webpack没有任何关系，我将编辑该问题。 –

回答