代码之家 › 专栏 › 技术社区 › eddiewould

如何使用Webpack/create-react-app将现有样式表导入为CSS模块

css-modules create-react-app web-component material-design webpack

0

eddiewould · 技术社区 · 6 年前

背景:我正在使用React构建一个Wordpress插件(安装在多个Wordpress实例中)。Wordpress实例可能安装了不同的主题/自定义样式表。

我在利用 react-md

现在我正在导入react md的样式表

import 'react-md/dist/react-md.blue-green.min.css';

我遇到的问题是,react md的一些样式被Wordpress主题覆盖了。

:

确保我的样式/react md的样式不会泄漏到页面的其余部分。

1 回复 | 直到 6 年前

1

0

eddiewould 6 年前

使用SASS在规则下导入CSS文件是可行的,例如。

.my-form {
    @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
    @import url("https://fonts.googleapis.com/icon?family=Material+Icons");

    @import '~react-md/src/scss/react-md';
}

推荐文章

iknowhtml · 使用网页包和PostSS启用热重新加载

7 年前

Alan H. · 使用选择器感知将CSS解析为JavaScript

7 年前

dagda1 · 具有网页包小写文件名的css模块

7 年前

intercoder · 使用jest和css模块测试react组件时出错

8 年前