fix: distribute proper source maps in npm distribution packages (#9877)

Refs #9101

Author: glowcloud

.npmignore

@@ -6,11 +6,8 @@
 !dist/swagger-ui.js
 !dist/swagger-ui.js.map
 !dist/swagger-ui-bundle.js
-!dist/swagger-ui-bundle.js.map
 !dist/swagger-ui-standalone-preset.js
-!dist/swagger-ui-standalone-preset.js.map
 !dist/swagger-ui-es-bundle.js
-!dist/swagger-ui-es-bundle.js.map
 !dist/swagger-ui-es-bundle-core.js
 !dist/swagger-ui-es-bundle-core.js.map
 !dist/swagger-ui.css

flavors/swagger-ui-react/release/run.sh

@@ -14,9 +14,7 @@ cp ../../../dist/swagger-ui-es-bundle-core.js.map ../dist
 cp ../../../dist/swagger-ui.js ../dist
 cp ../../../dist/swagger-ui.js.map ../dist
 cp ../../../dist/swagger-ui-bundle.js ../dist
-cp ../../../dist/swagger-ui-bundle.js.map ../dist
 cp ../../../dist/swagger-ui-es-bundle.js ../dist
-cp ../../../dist/swagger-ui-es-bundle.js.map ../dist
 cp ../../../dist/swagger-ui.css ../dist
 cp ../../../dist/swagger-ui.css.map ../dist
 

webpack/_config-builder.js

@@ -8,7 +8,7 @@ const webpack = require("webpack")
 const TerserPlugin = require("terser-webpack-plugin")
 const nodeExternals = require("webpack-node-externals")
 
-const { getRepoInfo } = require("./_helpers")
+const { getRepoInfo, getDevtool } = require("./_helpers")
 const pkg = require("../package.json")
 
 const projectBasePath = path.join(__dirname, "../")
@@ -129,13 +129,7 @@ function buildConfig(
         },
       },
 
-      // If we're mangling, size is a concern -- so use trace-only sourcemaps
-      // Otherwise, provide heavy souremaps suitable for development
-      devtool: sourcemaps
-        ? minimize
-          ? "nosources-source-map"
-          : "cheap-module-source-map"
-        : false,
+      devtool: getDevtool(sourcemaps, minimize),
 
       performance: {
         hints: "error",
@@ -149,6 +143,7 @@ function buildConfig(
           (compiler) =>
             new TerserPlugin({
               terserOptions: {
+                sourceMap: sourcemaps,
                 mangle: !!mangle,
                 keep_classnames:
                   !customConfig.mode || customConfig.mode === "production",

webpack/_helpers.js

@@ -16,6 +16,12 @@ function getRepoInfo() {
   }
 }
 
+function getDevtool(sourcemaps, minimize) {
+  if (!sourcemaps) return false
+  return minimize ? "source-map" : "cheap-module-source-map"
+}
+
 module.exports = {
   getRepoInfo,
+  getDevtool,
 }

webpack/bundle.js

@@ -22,7 +22,7 @@ const result = configBuilder(
   {
     minimize: true,
     mangle: true,
-    sourcemaps: true,
+    sourcemaps: false,
     includeDependencies: true,
   },
   {

webpack/es-bundle-core.js

@@ -14,6 +14,7 @@ const {
   WebpackBundleSizeAnalyzerPlugin,
 } = require("webpack-bundle-size-analyzer")
 const nodeExternals = require("webpack-node-externals")
+const { getDevtool } = require("./_helpers")
 // const { StatsWriterPlugin } = require("webpack-stats-plugin")
 
 const minimize = true
@@ -44,7 +45,7 @@ const result = configBuilder(
         module: true,
       },
     },
-    devtool: sourcemaps && minimize ? "source-map" : false,
+    devtool: getDevtool(sourcemaps, minimize),
     externalsType: "module",
     externals: [
       {

webpack/es-bundle.js

@@ -21,7 +21,7 @@ const result = configBuilder(
   {
     minimize: true,
     mangle: true,
-    sourcemaps: true,
+    sourcemaps: false,
     includeDependencies: true,
   },
   {

webpack/standalone.js

@@ -8,7 +8,7 @@ const result = configBuilder(
   {
     minimize: true,
     mangle: true,
-    sourcemaps: true,
+    sourcemaps: false,
   },
   {
     entry: {