关于create-react-app webapck配置文件修改

Question

安装成功后，有一个文件名 config-overrides.js 的文件，

/**
*@do stuff with the webpack config...
*/
module.exports = function override(config, env) {

//按需加载
   config = injectBabelPlugin(
     [
         'import', 
         { 
             libraryName: 'antd', 
             libraryDirectory: 'es', 
             style: 'css' 
         }
     ],
     config,
);


return config;

};

请教这里面我如何去添加或修改配置信息？ 试着去修改，但最终结果并未成功..

Answer 1

修改create-react-app的webpack配置需要先

    npm run eject

反编译，然后才能看到原来的配置文件。

Answer 2

也不能说是坑多，出发点不同，脚手架存在的意义本身就是为了提供通用构建解决方案。使用 create-react-rewired 的出发点，按我的理解，只是为了迎合开发者或者团队的开发习惯，比如定制 babel、 eslint 或者 css 预处理器等配置，而且一般也就是提供配置项参数罢了，对于定制 webpack 本身，不如直接 eject 了慢慢改。