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

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

1.方案一

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

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

2.方案二

（1）安装 react-app-rewired

yarn add react-app-rewired

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

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

.