Create-React-App 生产覆盖 css

Question

运行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'));

Answer 1

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