react搭建项目环境

创建create-react-app脚手架

在index.js引入react组件

import React from "react"
import ReactDOM from 'react-dom'
import App from './App'
ReactDOM.render(<App />,document.getElementById('root'))

import React, {Component} from 'react'
class App extends Component{
    render(){
        return (
            <div>
                Content
            </div>
        )
    }
}
export default App;

antd按需引入css样式

1.npm install react-app-rewired customize-cra
2. 修改package.json:

 "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },

3.npm install babel-plugin-import
4.在项目的根目录下创建一个 config-overrides.js 用于修改默认配置:

const { override, fixBabelImports } = require('customize-cra');
 module.exports = override(
   fixBabelImports('import', {
     libraryName: 'antd',
     libraryDirectory: 'es',
     style: 'css',
   }),
 );

最后大功告成，就可以按需加载样式啦！