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

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

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

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 年前

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';
}

推荐文章

IsraelCena · 如何从react图标导入材质设计中的所有图标

2 年前

njho · 大型Create React应用程序包大小-优化的生产构建

6 年前

Nugzar Gaguliya · 如何在不弹出的情况下将less集成到Create React应用程序中

6 年前

Sangram Badi · 引导程序在React中行为不正确

6 年前

abu abu · 在react中的“npm start”命令中发出。js公司

6 年前

Rafael Rocha · 如何“隐藏”ommit巴别塔/网页包/插件配置文件?

6 年前

Anna · 添加第三方js库以创建React应用程序

6 年前

marquesm91 · 创建在智能电视浏览器上运行的react应用程序

6 年前

Sabbiu Shah · 如何动态加载减速器

6 年前

Miha Å uÅ¡terÅ¡iÄ · Mobx4-声明存储中的可观察项引发sintax错误

6 年前