react项目利用react-app-rewired实现按需打包

cnpm i react-app-rewired customize-cra babel-plugin-import -D

根目录新建config-overrides.js

const {override,fixBabelImports} = require('customize-cra') // override返回一个函数   该函数返回对象作为webpack的配置对象 module.exports = override( fixBabelImports("import",{ libraryName:'antd',  //库名 libraryDirectory:'es', //文件夹名 style:'css'  //一个叫css.js的文件 }) )

package.json

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

使用

import React, { Component } from 'react' import {Button} from 'antd' export default class Text extends Component { render() { return ( <div> <Button type="primary">BUtton</Button> </div> ) } }