From 3e49b14be69388b51b75e733234044fbedb9cfbe Mon Sep 17 00:00:00 2001 From: Tanguy Krotoff Date: Tue, 20 Feb 2018 15:58:40 +0100 Subject: [PATCH] Enable the source maps for the dependencies See How to load library source maps using webpack? https://stackoverflow.com/a/32749125/990356 --- examples/Bootstrap4/package.json | 1 + examples/Bootstrap4/webpack.config.js | 2 ++ examples/ClubMembers/package.json | 1 + examples/ClubMembers/webpack.config.ts | 1 + examples/HTML5Constraints/package.json | 1 + examples/HTML5Constraints/webpack.config.ts | 1 + examples/HttpStatusCode/package.json | 1 + examples/HttpStatusCode/webpack.config.ts | 1 + examples/MDN_Form_validation/package.json | 1 + examples/MDN_Form_validation/webpack.config.ts | 1 + examples/NativeFormWidgets/package.json | 1 + examples/NativeFormWidgets/webpack.config.ts | 1 + examples/NoFramework/package.json | 1 + examples/NoFramework/webpack.config.ts | 1 + examples/Password/package.json | 1 + examples/Password/webpack.config.ts | 1 + examples/PasswordNoState/package.json | 1 + examples/PasswordNoState/webpack.config.ts | 1 + examples/ServerSideRendering/package.json | 1 + examples/ServerSideRendering/webpack.config.ts | 3 ++- examples/SignUp/package.json | 1 + examples/SignUp/webpack.config.ts | 1 + examples/WizardForm/package.json | 1 + examples/WizardForm/webpack.config.ts | 1 + 24 files changed, 26 insertions(+), 1 deletion(-) diff --git a/examples/Bootstrap4/package.json b/examples/Bootstrap4/package.json index c760eac4..1eb474f0 100644 --- 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 index a56b1b38..83e9e804 100644 --- 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 index 35b7d119..69d7d73b 100644 --- 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 index be0bc42b..a1e3a47a 100644 --- 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 index 503f46a7..83a4ea9b 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index ece4da01..78a87563 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index b7a7b088..70512101 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index cff0d007..13ba313e 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index 33f3a7af..e8b354c6 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index 2b0600cc..7a6d343b 100644 --- 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 index be0bc42b..a1e3a47a 100644 --- 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 index 1f9651d5..d9cdd9d5 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index 107482a8..747330bc 100644 --- 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 index e516d916..a2f5ec6f 100644 --- 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 index 0d87887f..7ec911b4 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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 index c204bf0c..b5783f0f 100644 --- 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 index 3eb8942e..08c82ef2 100644 --- 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]'} } ] }