如何在uglifyjs(grunt)之后生成原始(前婴儿源)源的源地图

Question

我们的生产中的代码需要缩小/uglified ES 5，但在来源中，我们正在使用ES 6(并与Babel进行转换(。

我正在尝试弄清正确的工作流程，以维护源地图，以在转移代码上运行uglifyj之后，将源映射到原始的ES 6源代码。

。

我们正在使用gruntjs。

任何现有的解决方案？

Answer 1

firsly，某些构建配置将使问题更容易回答。但是，假设您经营Babel并分开uglify。这样说：

grunt.initConfig({
  babel: {
    options: {
      sourceMap: true
    },
    dist: {
      files: {
        "dist/app.js": "src/app.js"
      }
    }
  },
  uglify: {
    my_target: {
      files: {
        'dist/app.min.js': ['dist/app.js']
      }
    }
  }      
});

您需要使用Babel-Plugin-uglify如下：

grunt.initConfig({
  babel: {
    options: {
      sourceMap: true,
      plugins: ["uglify:after"]
    },
    dist: {
      files: {
        "dist/app.min.js": "src/app.js"
      }
    }
  }      
});