(webpack)"contains invalid source map"の原因

WARNING in hoge.js contains invalid source map

の原因について。

{terser,uglifyjs}-webpack-pluginのオプションでsource mapが有効化されていない時に発生するので

const TerserPlugin = require("terser-webpack-plugin");
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  ...
  plugins: [
    new TerserPlugin({
+     sourceMap: true,
      ...
    }),
    // もしくは
    new UglifyJsPlugin({
+     sourceMap: true,
      ...
    })
  ],
  ...
};

とすることでこの問題が解決します。