aigoncharov / angular-builder-custom-terser-options

Angular builder that allows Terser (Uglify) customization

Hi there 👋

ℹ️ My name is Andrey. Rockstar wannabe -> software engineer at Meta hypnotized by AI.

📌 London, UK. UK Global Talent alumni.

💼 Blockchain, web, and a bit of embedded at software consultancies (DSR, DataArt) ➡️ Headed front-end at Hazelcast ➡️ Worked on web perf and WASM integration at Bricks ➡️ Enhancing DevX for mobile devs at Meta.

🎓 Voronezh State University, MSc in Computer Science (2009-2014) -> Georgia Tech, MSc in Computer Science (2020-2024).

📝 Blog about life, career, and tech in English and in Russian.

🎤 Fighting my stage fright at conferences. Founded BeerJS in my home town - Voronezh. Program committee member at Geekle.

📚 Running book clubs on Russian classical lit and philosophy in London.

❤️ Philosophy, music (🥁 -> 🎹+🎙), Tostoy and Dostoevsky, Yesenin, weightlifting, boxing, cycling, hiking, snowboarding.

📫 LinkedIn, Instagram, Telegram, Twitter, Threads.

angular-builder-custom-terser-options's Issues

Support for Angular 8

In Angular 8, there were some changes in the builder API and it's no longer compatible with the new version besides package.json version requirements.

Error:

Could not find the implementation for builder angular-builder-custom-terser-options:browser-custom-terser
Error: Could not find the implementation for builder angular-builder-custom-terser-options:browser-custom-terser
    at WorkspaceNodeModulesArchitectHost.resolveBuilder (/Users/foo/bar/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js:49:19)
...

Exlcude and include filters

Is it possible to set include and exclude filters for Terser?
Looking at the source code it doesn't seem so. If it is feasible I'll do it.

Not working with dev configuration

After adding angular-builder-custom-terser-options to project ng build --prod and ng serve --prod works very well but when I build ng build or run ng serve dev configuration then I have error in js console when I click anywhere:

ERROR TypeError: Cannot read property 'init' of undefined
    at DefaultStyleDirective.init (core.js:422)
    at new StyleDirective (extended.js:560)
    at new DefaultStyleDirective (extended.js:649)
    at createClass (core.js:28360)
    at createDirectiveInstance (core.js:28186)
    at createViewNodes (core.js:29804)
    at callViewAction (core.js:30254)
    at execComponentViewsAction (core.js:30159)
    at createViewNodes (core.js:29833)
    at createRootView (core.js:29676)
View_DataListComponent_0 @ DataListComponent.html:1
proxyClass @ compiler.js:17198
logError @ core.js:31083
handleError @ core.js:19918
dispatchEvent @ core.js:25918
(anonymous) @ core.js:26581
(anonymous) @ platform-browser.js:1678
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:21826
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:498
invokeTask @ zone.js:1744
globalZoneAwareCallback @ zone.js:1770

Could not find the implem entation for builder

Neither dev serve or production build works. Angular.json set up according to your example with keep_classnames set to true.

Package.json:

{
"name": "mbnet",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.config.json",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"readme": "removed dependencies: generator-code yo toastr",
"private": true,
"dependencies": {
"@angular/animations": "9.0.0-next.3",
"@angular/cdk": "^8.1.4",
"@angular/common": "9.0.0-next.3",
"@angular/compiler": "9.0.0-next.3",
"@angular/core": "9.0.0-next.3",
"@angular/forms": "9.0.0-next.3",
"@angular/material": "^8.1.4",
"@angular/platform-browser": "9.0.0-next.3",
"@angular/platform-browser-dynamic": "9.0.0-next.3",
"@angular/router": "9.0.0-next.3",
"@angular/service-worker": "9.0.0-next.3",
"classlist.js": "^1.1.20150312",
"core-js": "^3.1.4",
"oidc-client": "^1.9.0",
"rxjs": "6.5.2",
"tslib": "^1.10.0",
"zone.js": "^0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "0.803.0",
"@angular/cli": "^8.3.0",
"@angular/compiler-cli": "9.0.0-next.3",
"@angular/language-service": "^9.0.0-next.3",
"@types/jasmine": "^3.4.0",
"@types/jasminewd2": "~2.0.6",
"@types/node": "^12.7.2",
"angular-builder-custom-terser-options": "^1.0.1",
"codelyzer": "^5.1.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.2.0",
"karma-chrome-launcher": "^3.1.0",
"karma-cli": "~2.0.0",
"karma-coverage-istanbul-reporter": "^2.1.0",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "^5.4.2",
"rxjs-tslint": "^0.1.7",
"ts-node": "^8.3.0",
"tslint": "^5.19.0",
"typescript": "3.5.3"
},
"browserslist": [
"> 0.5%",
"last 3 versions",
"not dead",
"IE 11"
]
}

Not work for me

I did step by step you instruction, can you help me with that?

source