Make sourcemaps available in development mode

Author: Ruslan Gainutdinov

webpack.config.js

@@ -11,9 +11,9 @@ const resolve = {
 
 const clientConfig = {
   entry,
-  target: "web",
-  devtool: 'nosources-source-map',
-  mode: process.env.NODE_ENV == "production" ? "production" : "development",
+  target: 'web',
+  devtool: process.env.NODE_ENV == 'production' ? 'nosource-source-map' : 'source-map',
+  mode: process.env.NODE_ENV == 'production' ? 'production' : 'development',
   output: {
     path: outputPath,
     chunkFilename: '[name].bundle.js',
@@ -31,14 +31,21 @@ const clientConfig = {
       }
     ]
   },
-  resolve
+  resolve,
+  plugins: [
+    // During the build make literal replacements on client side for 
+    // process.env.API_URL, because there is no process.env
+    new webpack.DefinePlugin({
+      'process.env.API_URL': JSON.stringify(process.env.API_URL || "http://localhost:3000/api") 
+    }),
+  ]
 };
 
 const serverConfig = {
   entry,
   target: 'node',
-  devtool: 'nosources-source-map',
-  mode: process.env.NODE_ENV == "production" ? "production" : "development",
+  devtool: process.env.NODE_ENV == 'production' ? 'nosource-source-map' : 'source-map',
+  mode: process.env.NODE_ENV == 'production' ? 'production' : 'development',
   node: {
     __dirname: false
   },

webpack.serverless.js

@@ -16,7 +16,7 @@ const config = {
   node: {
     __dirname: false
   },
-  devtool: 'nosources-source-map',
+  devtool: serverless.lib.webpack.isLocal ? 'source-map' : 'nosource-source-map',
   externals: [ nodeExternals() ],
   output: {
     libraryTarget: 'commonjs2',