webpack - webpack + 闭包编译器中的源映射

Question

我想使用由 Closure Compiler 使用 Webpack 生成的 SourceMap，但我不知道该怎么做。

这是我的 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
    }
  })
]