Question

我想使用Closure Compiler使用Webpack生成的SourceMaps，但我无法弄清楚如何去做。

这是我的webpack配置：

const ClosureCompiler = require('google-closure-compiler-js').webpack;

module.exports = {
    devtool: 'source-map',
    entry: './src/app.js',
    output: {
        path: __dirname + "/build/",
        filename: "bundle.js",
        //sourceMapFilename: "./app.js.map",
    },
    plugins: [
        new ClosureCompiler({
            compiler: {
                language_in: 'ECMASCRIPT5',
                language_out: 'ECMASCRIPT5',
                compilation_level: 'ADVANCED',
                create_source_map: __dirname + './output.js.map'
            },
            concurrency: 3,
        })
    ]
};

当我运行webpack时，什么都没发生。为什么？我究竟做错了什么？谢谢你的帮助。

Answer 1

使用最新版本的google-closure-compiler-js（20170910.0.1），我可以使用以下选项让它工作：

plugins: [
  new ClosureCompiler({
    options: {
      languageIn: 'ECMASCRIPT6',
      languageOut: 'ECMASCRIPT5',
      compilationLevel: 'ADVANCED',
      createSourceMap: true
    }
  })
]

webpack + closure编译器中的源映射

1 个答案: