feat(webpack source maps): make it easy to configure source map type

make it easy to configure source map type

Author: danbucholtz

README.md

@@ -106,6 +106,7 @@ npm run build --rollup ./config/rollup.config.js
 | Config Values   | NPM Config Property | Cmd-line Flag | Defaults        |
 |-----------------|---------------------|---------------|-----------------|
 | bundler         | `ionic_bundler`     | `--bundler`   | `webpack`       |
+| source map type | `ionic_source_map`  | `--sourceMap` | `eval`          |
 | root directory  | `ionic_root_dir`    | `--rootDir`   | `process.cwd()` |
 | tmp directory   | `ionic_tmp_dir`     | `--tmpDir`    | `.tmp`          |
 | www directory   | `ionic_www_dir`     | `--wwwDir`    | `www`           |
@@ -145,6 +146,9 @@ Example NPM Script:
   },
 ```
 
+## Tips
+1. The Webpack `devtool` setting is driven by the `ionic_source_map` variable. It defaults to `eval` for fast builds, but can provide the original source map by changing the value to `source-map`.
+
 
 ## The Stack
 

config/webpack.config.js

@@ -49,7 +49,7 @@ module.exports = {
     path: '{{BUILD}}',
     filename: 'main.js'
   },
-  devtool: 'eval',
+  devtool: process.env.IONIC_SOURCE_MAP,
 
   resolve: {
     extensions: ['.js', '.ts', '.json']

src/util/config.ts

@@ -44,6 +44,9 @@ export function generateContext(context?: BuildContext): BuildContext {
 
   setProcessEnvVar(ENV_VAR_APP_SCRIPTS_DIR, join(__dirname, '..', '..'));
 
+  const sourceMapValue = getConfigValue(context, '--sourceMap', null, ENV_VAR_SOURCE_MAP, ENV_VAR_SOURCE_MAP.toLowerCase(), 'eval');
+  setProcessEnvVar(ENV_VAR_SOURCE_MAP, sourceMapValue);
+
   if (!isValidBundler(context.bundler)) {
     context.bundler = bundlerStrategy(context);
   }
@@ -386,6 +389,7 @@ const ENV_VAR_SRC_DIR = 'IONIC_SRC_DIR';
 const ENV_VAR_WWW_DIR = 'IONIC_WWW_DIR';
 const ENV_VAR_BUILD_DIR = 'IONIC_BUILD_DIR';
 const ENV_VAR_APP_SCRIPTS_DIR = 'IONIC_APP_SCRIPTS_DIR';
+const ENV_VAR_SOURCE_MAP = 'IONIC_SOURCE_MAP';
 
 export const BUNDLER_ROLLUP = 'rollup';
 export const BUNDLER_WEBPACK = 'webpack';