Create-React-App生产覆盖CSS

时间:2020-04-10 18:21:25

标签: css reactjs webpack build production

与运行npm run build相比,运行npm start会输出不同的css编译网站,这有什么区别,为什么会发生?我发现的帖子与更改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'));

1 个答案:

答案 0 :(得分:0)

问题在于,在开发版本中,引导css覆盖了我编写的css,而在生产版本中,则相反。我有几件事叫它相同,这使问题出现了。每次我猜时都要仔细检查一下CSS,它们的顺序在prod和build上都不同

相关问题