generator-angular-fullstack
generator-angular-fullstack copied to clipboard
angular-fullstack
How Do I enable AOT ?
- [x] I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.
| Item | Version |
|---|---|
| generator-angular-fullstack | 5.0.0-rc.4 |
| Node | v10.6.0 |
| npm | 6.1.0 |
| Operating System | OS X 10 |
| etc | etc |
| Item | Answer |
|---|---|
| Transpiler | TypeScript |
| Markup | HTML |
| CSS | SCSS |
| Router | ngRoute |
| Client Tests | Jasmine / Mocha |
| DB | MongoDB |
| Auth | Y |
| etc | etc |
How Do I enable AOT and optimize ? Also is there an easy way to update to angular 7 ?
@Awk34 The project is build in jit or aot? if is in jit, how i build project with AOT?
Hello,
for enable AOT i install:
"@angular/cli": "^6.2.9",
"@angular/compiler-cli": "^6.1.10",
"@ngtools/webpack": "^1.10.2",
in webpack.make.js:
config.module = { rules: [ { test: /(\.ngfactory\.js|\.ngstyle\.js|\.ts)$/, loader: '@ngtools/webpack' }, .......
config.plugins = [ new AngularCompilerPlugin({ tsConfigPath: './tsconfig.json', mainPath: './client/app/app', entryModule: './client/app/app.module#AppModule', sourceMap: true, skipCodeGeneration: BUILD ? false : true }),......
i replace ALL components templates and styles
example:
template: require('./home') to templateUrl: './home'
styles: [require('./main.scss')] to styleUrls: ['./main.scss'],
this code enable AOT only in production mode, in development mode use JIT.
PS: if doesn't work, combines the packages versions.
I used Angular 6.0.4 and it works. i hope this help