javascript - 如何使用 webpack 更改 `sourceMappingURL`

Question

我的生产 webpack 配置是:

{
  output: {
    publicPath: "https://cdn.example.com/sub-directory/",
    filename: '[name]-[chunkhash].min.js'
  },

  devtool: 'source-map',

  plugins: [
    new webpack.optimize.UglifyJsPlugin()
  ]
}

现在我有两个文件 app-12345.min.js 和 app-12345.min.js.map。

我还为主脚本自动生成了 CDN URL https://cdn.example.com/sub-directory/app-12345.min.js。

但是 sourceMappingURL 仍然是相对路径 //# sourceMappingURL=app-12345.min.js.map 并且不能直接在浏览器中访问。

我的问题是如何将 sourceMappingURL 设置为自动生成的绝对路径？

Answer 1

SourceMapDevToolPlugin插件是一个选项。

new webpack.SourceMapDevToolPlugin({
    filename: '[file].map',
    append: '\n//# sourceMappingURL=' + path + '[url]'
});