zoukankan      html  css  js  c++  java
  • 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;
    };

    .

  • 相关阅读:
    使用GitHub+hexo搭建个人独立博客
    HDU 3038
    POJ 1417
    HDU 1213
    ZOJ 3781
    ZOJ 3780
    ZOJ 3777
    HDU 3045
    HDU 3480
    POJ 1180
  • 原文地址:https://www.cnblogs.com/crazycode2/p/9858345.html
Copyright © 2011-2022 走看看