react项目实现按需打包的2个方法

1.利用react-app-rewired实现按需打包

// 第一步

yarn add babel-plugin-import react-app-rewired

//第二步 修改package.json文件

"scripts": {
    "start": "react-app-rewired start",  //主要修改就是把以前的react-scripts包替换为react-app-rewired
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  },
//第三步
在项目根目录下创建config-overrides.js文件

const {injectBabelPlugin} = require('react-app-rewired');
module.exports = function override(config, env) {
    config = injectBabelPlugin(['import', {libraryName: 'antd', style: 'css'}], config);
    return config;
};

 

2.修改暴露的webpack配置

1.暴露webpack

yarn eject

注：如果yarn eject 报错的解决的方法