webpack 和 closure 编译器中的源映射

Question

我希望能够使用由Closure Compiler生成的SourceMaps，但我无法弄清楚如何在Webpack中实现。

这是我的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时，什么也没有发生。为什么？我做错了什么吗？ 谢谢您的帮助。

- zed

Answer 1

使用最新版本的google-closure-compiler-js（20170910.0.1），我能够通过以下选项使其工作：

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

- Borre Mosch