配置reactjs以将前端样式与管理样式分开

时间:2018-05-24 07:47:20

标签: javascript reactjs webpack react-router frontend

我正在使用reactjs和我随机上网的模板来设计我的项目。有用。现在我想用新样式添加一个管理面板到网站。不幸的是,在上一个模板的样式中,身体也收到了一些造型。这会覆盖我为管理面板添加的任何其他模板或样式的样式。请问有没有有效的方法来解决我的项目中的样式冲突?我现在处于绝望的境地。

这是我添加原始模板css的方式。

<link rel="manifest" href="%PUBLIC_URL%/assets/css/main.css">

我将它添加到公共文件夹并将其链接到html文件夹。 我尝试以这种方式添加管理员模板,但这不正常。现在我尝试在我的管理组件中编写基本的css,而不是为它添加模板。即使这没有任何影响。模板似乎接管了身体的css。

1 个答案:

答案 0 :(得分:0)

加载样式的优势很大程度上取决于加载的顺序。所以你需要做的就是确保首先加载初始模板css,最后加载你的新/自定义css。  处理此类场景的正确方法是在一个文件中进行所有css导入,并在该文件中指定所需的导入顺序。