AOT-enabled Extension Support - 23.1

Creating an extension Development Environment

1. npm install --global @angular/cli
2. ng new <project-name> --create-application=false
3. cd <project-name>
4. ng generate library <lib-name>
5. copy provided Spectrum Spatial Analyst typings in a dir out of <project-name> dir and provide path in package.json for property ‘analyst’ in devDependecies. For example:

   "analyst": "file:../ssa-typings",

6. Run npm i @angular-devkit/build-webpack @ngtools/webpack

7. Copy provided webpack.config.js and webpack.config.prod.js in <lib-name> directory
8. Change entry file and tsConfigPath in webpack.config.js
9. Replace @angular-devkit/build-angular:ng-packagr with @angular-devkit/build-webpack:webpack in angular.json
10. provide "webpackConfig": "projects/<lib-name>/webpack.config.js" in options of angular.json
11. provide "webpackConfig": "projects/<lib-name>/webpack.config.prod.js" in configurations > production of angular.json
12. ng build <lib-name>

Run ng generate component component-name --project my-lib to generate a new component

You can also use:

ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib