Create-React-App 生产覆盖 css答案

【问题标题】：Create-React-App production overwrites cssCreate-React-App 生产覆盖 css
【发布时间】：2020-07-23 13:25:06
【问题描述】：

运行npm run build 输出的css 编译网站与运行npm start 时不同，有什么区别，为什么会这样？我发现的帖子是关于更改webpack.config，但我知道create-react-app work 有点不同。可以放点光吗？

我的app.js：

import React from 'react';
import ReactDOM from 'react-dom';

import App from './App';
import {Provider} from 'react-redux';
import {store, persistor} from './Reducers/configStore'
import {PersistGate} from 'redux-persist/integration/react'

import './index.css';
import './App.css';
import "normalize.css";
import 'bootstrap/dist/css/bootstrap.min.css';
import "@blueprintjs/core/lib/css/blueprint.css";
import "@blueprintjs/icons/lib/css/blueprint-icons.css";
import 'react-notifications-component/dist/theme.css';

require('dotenv').config();

const Piazeta = () => {
    return (
        <Provider store={store}>
            <PersistGate loading={null} persistor={persistor}>
                <App />
            </PersistGate>
        </Provider>
    )
}

ReactDOM.render(<Piazeta />, document.getElementById('root'));

【问题讨论】：

可以分享一下你的代码吗？
哪一部分？我真的不知道这个问题可能从哪里开始
我认为 CSS 文件（你的和覆盖的那个）和app.js 就足够了
我真的不知道哪个文件会覆盖我写的那个文件，大部分 css 是一样的，但有些填充，有些边距是非常错误的，就像没有任何规则一样给它。这里是 index.js codeshare.io/5wLNMJ App 只是其他组件的容器

标签： css reactjs webpack build production

【解决方案1】：

问题在于，在开发版本中，引导 css 覆盖了我编写的 css，而在生产版本中则相反。我有一些名称相同的东西，这使得问题出现了。每次我猜时都要仔细检查你的 css，它们的顺序在 prod 和 build 中有所不同

【讨论】：