react 执行 yarn build 后 去除 .js.map 文件

map文件是帮助我们查看报错的位置的。

1.方案一

map文件由devtool属性控制，如果不想要map，注释掉就可以，大约webpack.config.prod.js第57行；

?

1	// devtool: shouldUseSourceMap ? 'source-map' : false,

2.方案二

（1）安装 react-app-rewired

?

1	yarn add react-app-rewired

（2）配置 config-overrides.js ，例如：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

const { injectBabelPlugin } = require('react-app-rewired'); const rewireLess = require('react-app-rewire-less');   module.exports = function override(config, env) {   config = injectBabelPlugin(     ['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }], // change importing css to less     config,   );   config.devtool = false; // 关掉 sourceMap   config = injectBabelPlugin('babel-plugin-transform-decorators-legacy', config); // 支持装饰器   config = rewireLess.withLoaderOptions({     modifyVars: { '@primary-color': '#1890ff' },     javascriptEnabled: true,   })(config, env);   return config; };

.