Enable the source maps for the dependencies

See How to load library source maps using webpack? https://stackoverflow.com/a/32749125/990356
tkrotoff · Apr 23, 2018 · 3e49b14 · 3e49b14
1 parent fa0de7f
commit 3e49b14
Show file tree

Hide file tree

Showing 24 changed files with 26 additions and 1 deletion.
diff --git a/examples/Bootstrap4/package.json b/examples/Bootstrap4/package.json
@@ -29,6 +29,7 @@
     "babel-core": "latest",
     "babel-preset-react": "latest",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/Bootstrap4/webpack.config.js b/examples/Bootstrap4/webpack.config.js
@@ -24,8 +24,10 @@ module.exports = {
   module: {
     rules: [
       { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader', options: {presets: ['react']} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[path][name].[ext]'} },
       {
+        // FIXME Don't know how to make source maps work
         test: /\.scss$/,
         use: ExtractTextPlugin.extract({
           fallback: 'style-loader',

diff --git a/examples/ClubMembers/package.json b/examples/ClubMembers/package.json
@@ -34,6 +34,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/ClubMembers/webpack.config.ts b/examples/ClubMembers/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[path][name].[ext]'} }
     ]
   }

diff --git a/examples/HTML5Constraints/package.json b/examples/HTML5Constraints/package.json
@@ -27,6 +27,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/HTML5Constraints/webpack.config.ts b/examples/HTML5Constraints/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/HttpStatusCode/package.json b/examples/HttpStatusCode/package.json
@@ -29,6 +29,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/HttpStatusCode/webpack.config.ts b/examples/HttpStatusCode/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/MDN_Form_validation/package.json b/examples/MDN_Form_validation/package.json
@@ -29,6 +29,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/MDN_Form_validation/webpack.config.ts b/examples/MDN_Form_validation/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/NativeFormWidgets/package.json b/examples/NativeFormWidgets/package.json
@@ -27,6 +27,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/NativeFormWidgets/webpack.config.ts b/examples/NativeFormWidgets/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/NoFramework/package.json b/examples/NoFramework/package.json
@@ -27,6 +27,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/NoFramework/webpack.config.ts b/examples/NoFramework/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/Password/package.json b/examples/Password/package.json
@@ -30,6 +30,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/Password/webpack.config.ts b/examples/Password/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[path][name].[ext]'} }
     ]
   }

diff --git a/examples/PasswordNoState/package.json b/examples/PasswordNoState/package.json
@@ -29,6 +29,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/PasswordNoState/webpack.config.ts b/examples/PasswordNoState/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/ServerSideRendering/package.json b/examples/ServerSideRendering/package.json
@@ -35,6 +35,7 @@
     "@types/webpack-node-externals": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/ServerSideRendering/webpack.config.ts b/examples/ServerSideRendering/webpack.config.ts
@@ -41,7 +41,8 @@ const config: Configuration[] = [
     resolve: {extensions},
     module: {
       rules: [
-        tsLoaderRule
+        tsLoaderRule,
+        { test: /\.js$/, loader: 'source-map-loader' }
       ]
     }
   }

diff --git a/examples/SignUp/package.json b/examples/SignUp/package.json
@@ -43,6 +43,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/SignUp/webpack.config.ts b/examples/SignUp/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }

diff --git a/examples/WizardForm/package.json b/examples/WizardForm/package.json
@@ -29,6 +29,7 @@
     "@types/webpack": "latest",
     "ts-loader": "^3",
     "file-loader": "latest",
+    "source-map-loader": "latest",
 
     "del-cli": "latest",
     "cross-env": "latest"

diff --git a/examples/WizardForm/webpack.config.ts b/examples/WizardForm/webpack.config.ts
@@ -18,6 +18,7 @@ const config: Configuration = {
   module: {
     rules: [
       { test: /\.tsx?$/, loader: 'ts-loader', options: {onlyCompileBundledFiles: true, compilerOptions: {noEmit: false, module: 'esnext', declaration: false}} },
+      { test: /\.js$/, loader: 'source-map-loader' },
       { test: /\.(html|css|png)$/, loader: 'file-loader', options: {name: '[name].[ext]'} }
     ]
   }