feat: support hidden source maps to map error stack traces from crash reports (#854)

Author: Dimitar Tachev

index.js

@@ -66,6 +66,19 @@ exports.getEntryPathRegExp = (appFullPath, entryModule) => {
     const escapedPath = entryModuleFullPath.replace(/\\/g, "\\\\");
     return new RegExp(escapedPath);
 }
+
+exports.getSourceMapFilename = (hiddenSourceMap, appFolderPath, outputPath) => {
+    const appFolderRelativePath = path.join(path.relative(outputPath, appFolderPath));
+    let sourceMapFilename = "[file].map";
+    if (typeof hiddenSourceMap === "string") {
+        sourceMapFilename = path.join(appFolderRelativePath, hiddenSourceMap, "[file].map");
+    } else if (typeof hiddenSourceMap === "boolean" && !!hiddenSourceMap) {
+        sourceMapFilename = path.join(appFolderRelativePath, "sourceMap", "[file].map");
+    }
+
+    return sourceMapFilename;
+}
+
 /**
  * Converts an array of strings externals to an array of regular expressions.
  * Input is an array of string, which we need to convert to regular expressions, so all imports for this module will be treated as externals.

templates/webpack.angular.js

@@ -47,6 +47,7 @@ module.exports = env => {
         uglify, // --env.uglify
         report, // --env.report
         sourceMap, // --env.sourceMap
+        hiddenSourceMap, // --env.hiddenSourceMap
         hmr, // --env.hmr,
         unitTesting, // --env.unitTesting
     } = env;
@@ -96,6 +97,8 @@ module.exports = env => {
         additionalLazyModuleResources: additionalLazyModuleResources
     });
 
+    let sourceMapFilename = nsWebpack.getSourceMapFilename(hiddenSourceMap, __dirname, dist);
+
     const config = {
         mode: uglify ? "production" : "development",
         context: appFullPath,
@@ -112,6 +115,7 @@ module.exports = env => {
         output: {
             pathinfo: false,
             path: dist,
+            sourceMapFilename,
             libraryTarget: "commonjs2",
             filename: "[name].js",
             globalObject: "global",
@@ -142,7 +146,7 @@ module.exports = env => {
             "fs": "empty",
             "__dirname": false,
         },
-        devtool: sourceMap ? "inline-source-map" : "none",
+        devtool: hiddenSourceMap ? "hidden-source-map" : (sourceMap ? "inline-source-map" : "none"),
         optimization: {
             runtimeChunk: "single",
             splitChunks: {
@@ -164,7 +168,7 @@ module.exports = env => {
                 new UglifyJsPlugin({
                     parallel: true,
                     cache: true,
-                    sourceMap: !!sourceMap,
+                    sourceMap: !!sourceMap || !!hiddenSourceMap,
                     uglifyOptions: {
                         output: {
                             comments: false,