css - 生产构建覆盖了我在 .css Node 中的样式

标签 css node.js reactjs build dev-to-production

我正在使用 style.css,其中有一些 CSS 样式,例如

.Sidebar-img-22 {

    width: 200px !important;

}

然后我调用

import React from "react";
import ReactDOM from "react-dom";
import { createBrowserHistory } from "history";
import { Router, Route, Switch, Redirect } from "react-router-dom";

import AuthLayout from "layouts/Auth.jsx";
import RtlLayout from "layouts/RTL.jsx";
import AdminLayout from "layouts/Admin.jsx";

import css from "assets/css/style.css";

import "assets/scss/material-dashboard-pro-react.scss?v=1.5.0";

const hist = createBrowserHistory();

ReactDOM.render(
  <Router history={hist}>
    <Switch>
      <Route path="/rtl" component={RtlLayout} />
      <Route path="/auth" component={AuthLayout} />
      <Route path="/admin" component={AdminLayout} />
      <Redirect from="/" to="/admin/dashboard" />
    </Switch>
  </Router>,
  document.getElementById("root")
);

当我在控制台中运行时

npm run build
serve -s build 

我在这个 style.css 中的样式没有构建。也许我把这个 CSS 放在了错误的文件中?

最佳答案

您的根组件在哪里?您是否在其中导入了 style.css?

关于css - 生产构建覆盖了我在 .css Node 中的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57884564/

相关文章:

css - 具有重复的多个背景图像

javascript - HTML/JS 替换导航栏上的图像点击

javascript - 使用 window.print() 强制重复的 printElement 转到页面底部;

node.js - 使用 Speech-to-Text API 无法解决 "Requested entity was not found"错误

node.js - 如何更新多个文档?

unit-testing - react 测试;如何模拟 componentDidMount 或覆盖它?

asp.net - 如何防止文字导致其容器增长?

angularjs - 每次新建项目都要安装express、node等吗?

reactjs - 即使它不是空的,也返回一个空的 json

reactjs - 在 React 中,为什么更改非状态 Prop 不会提示重新渲染?