Repository files navigation

Custom Angular builder that allows Terser (Uglify) customization. It's a sub-class of Angular's default builder and it does a very small customization of its logic by extending final webpack config with your custom options for Terser.

This project is not maintained. Tryhttps://github.com/just-jeb/angular-builders instead

• Quick start
• Common use-cases
  • Keep class names

1. Install

   npm i -D angular-builder-custom-terser-options

   For a builder compatible with Angular 7 runnpm i -D angular-builder-custom-terser-options@1

2. Add builders from this package to yourangular.json.

   1. Setprojects.yourProjectName.architect.build toangular-builder-custom-terser-options:browser-custom-terser
   2. Setprojects.yourProjectName.architect.build.configurations.production.optimization totrue
   3. Setprojects.yourProjectName.architect.build.configurations.production.terserOptions to an object with any minify options supported by Terser. You can find the list of available optionshere.
   4. Setprojects.yourProjectName.architect.serve toangular-builder-custom-terser-options:dev-server-custom-terser

   {// ... rest of the default config ,"projects":{"yourProjectName":{"architect":{"build":{// Set our custom builder here"builder":"angular-builder-custom-terser-options:browser-custom-terser","options":{// Your default options. Leave it as is},"configurations":{"production":{// Add any options supported by Terser here"terserOptions":{"keep_classnames":true},// Enable optimization to enable Terser itself"optimization":true}}},"serve":{// Set our custom builder here"builder":"angular-builder-custom-terser-options:dev-server-custom-terser"// Rest of the config. Leave it as is}}}}}

If you settarget in your tsconfig.json toes6 or higher, set yourterserOptions to{ "keep_classnames": true }.If you settarget in your tsconfig.json toes5, set yourterserOptions to{ "keep_fnames": true }.