refactor(config): use polyfill environment variable in copy config to make it easier to override

* Config for supporting polyfill

* package.json config name change

* copy spec change

* Docs updated

* feat(config) : Config for supporting polyfill

* change log added

* 1.3.8

* Revert "change log added"

This reverts commit 20bcf13.

* Revert "1.3.8"

This reverts commit 34a2f52.

Author: awebdeveloper

README.md

@@ -141,6 +141,7 @@ npm run build --rollup ./config/rollup.config.js
 | experimental babili | `ionic_use_experimental_babili` | `--useExperimentalBabili` | `null` | Set to `true` to use babili to minify es2015 code |
 | convert bundle to ES5 | `ionic_build_to_es5` | `--buildToEs5` | `true` | Convert bundle to ES5 for for production deployments |
 | default watch timeout | `ionic_start_watch_timeout` | `--startWatchTimeout` | `3000` | Milliseconds controlling the default watch timeout |
+| choose the polyfill  | `ionic_polyfill_name` | `--polyfillName` | `polyfills` | Change with polyfills.modern or polyfills.ng (all options)[https://github.com/driftyco/ionic/tree/master/scripts/polyfill] |
 | enable linting | `enable_lint` | `--enableLint` | `true` | Set to `false` for skipping the linting after the build |
 
 

config/copy.config.js

@@ -15,11 +15,11 @@ module.exports = {
     dest: '{{WWW}}/assets/fonts'
   },
   copyPolyfills: {
-    src: ['{{ROOT}}/node_modules/ionic-angular/polyfills/polyfills.js'],
+    src: [`{{ROOT}}/node_modules/ionic-angular/polyfills/${process.env.POLLYFILL_NAME}.js`],
     dest: '{{BUILD}}'
   },
   copySwToolbox: {
     src: ['{{ROOT}}/node_modules/sw-toolbox/sw-toolbox.js'],
     dest: '{{BUILD}}'
   }
-}
+}

src/copy.spec.ts

@@ -22,7 +22,7 @@ describe('copy task', () => {
           dest: '{{WWW}}/assets/fonts'
         },
         copyPolyfills: {
-          src: ['{{ROOT}}/node_modules/ionic-angular/polyfills/polyfills.js'],
+          src: [`{{ROOT}}/node_modules/ionic-angular/polyfills/${process.env.POLLYFILL_NAME}.js`],
           dest: '{{BUILD}}'
         },
         someOtherOption: {

src/util/config.ts

@@ -260,6 +260,10 @@ export function generateContext(context?: BuildContext): BuildContext {
   setProcessEnvVar(Constants.ENV_NG_MODULE_FILE_NAME_SUFFIX, ngModuleFileNameSuffix);
   Logger.debug(`ngModuleFileNameSuffix set to ${ngModuleFileNameSuffix}`);
 
+  const polyfillName = getConfigValue(context, '--polyfillName', null, Constants.ENV_POLYFILL_NAME, Constants.ENV_POLYFILL_NAME.toLowerCase(), 'polyfills');
+  setProcessEnvVar(Constants.ENV_POLYFILL_NAME, polyfillName);
+  Logger.debug(`polyfillName set to ${polyfillName}`);
+
   /* Provider Path Stuff */
   setProcessEnvVar(Constants.ENV_ACTION_SHEET_CONTROLLER_CLASSNAME, 'ActionSheetController');
   setProcessEnvVar(Constants.ENV_ACTION_SHEET_CONTROLLER_PATH, join(context.ionicAngularDir, 'components', 'action-sheet', 'action-sheet-controller.js'));

src/util/constants.ts

@@ -72,6 +72,7 @@ export const ENV_ENABLE_LINT = 'IONIC_ENABLE_LINT';
 export const ENV_DISABLE_LOGGING = 'IONIC_DISABLE_LOGGING';
 export const ENV_START_WATCH_TIMEOUT = 'IONIC_START_WATCH_TIMEOUT';
 export const ENV_NG_MODULE_FILE_NAME_SUFFIX = 'IONIC_NG_MODULE_FILENAME_SUFFIX';
+export const ENV_POLYFILL_NAME = 'IONIC_POLYFILL_NAME';
 
 export const ENV_PRINT_ORIGINAL_DEPENDENCY_TREE = 'IONIC_PRINT_ORIGINAL_DEPENDENCY_TREE';
 export const ENV_PRINT_MODIFIED_DEPENDENCY_TREE = 'IONIC_PRINT_MODIFIED_DEPENDENCY_TREE';