关于react.js:react项目利用reactapprewired实现按需打包

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> ) }}