0.5.0 • Published 6 years ago
parcel-plugin-angular v0.5.0
parcel-plugin-angular
Complete Angular support for Parcel and TypeScript.
Features
parcel-plugin-typescript
features- AOT compilation : using the official Angular compiler for smaller and faster applications.
- Lazy Loading : the plugin automagically splits your Angular modules in multiple JavaScript files with Parcel when you use lazy routes.
- Template and style parsing : your templates and style are processed by Parcel to find and replace resources.
- Transformations (based on
angular/angular-cli
transformers) : - It removes all your Angular decorators in AOT mode for smaller bundles - It replaces JIT bootstrap code with AOT when it's used. You can keep one main file using the@angular/platform-browser-dynamic
module, see Entry file
Prerequisites
This npm modules needs to be installed locally on your project :
@angular/compiler
@angular/compiler-cli
parcel-plugin-typescript
Installation
yarn add parcel-plugin-angular --dev
or
npm install parcel-plugin-angular --save-dev
Configuration
You can pass a parcelAngularOptions
object in your tsconfig.json
, here are the defaults :
{
"compilerOptions": { ... },
// the plugin options
"parcelAngularOptions": {
// What compiler should we use when watching or serving
"watch": "jit",
// What compiler should we use when building (parcel build)
"build": "aot"
}
}
Entry file
To make it easy to switch between JIT and AOT mode we automatically translate your JIT bootstrap code to AOT if you are using the AOT compiler.
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'
import {enableProdMode} from '@angular/core'
import {AppModule} from './app/app.module'
if(process.env.NODE_ENV === 'production') {
enableProdMode()
}
platformBrowserDynamic().bootstrapModule(AppModule)
will be transformed to :
import {platformBrowser} from '@angular/platform-browser'
import {enableProdMode} from '@angular/core'
import {AppModuleNgFactory} from './app/app.module.ngfactory'
if(process.env.NODE_ENV === 'production') {
enableProdMode()
}
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory)
Known issues
- AOT mode is highly experimental
- Lazy-loading does not work in JIT
0.5.1-next.15
6 years ago
0.5.1-next.14
6 years ago
0.5.1-next.13
6 years ago
0.5.1-next.12
6 years ago
0.5.1-next.11
6 years ago
0.5.1-next.10
6 years ago
0.5.1-next.9
6 years ago
0.5.1-next.8
6 years ago
0.5.1-next.7
6 years ago
0.5.1-next.6
6 years ago
0.5.1-next.5
6 years ago
0.5.1-next.4
6 years ago
0.5.1-next.3
6 years ago
0.5.1-next.2
6 years ago
0.5.1-next.1
6 years ago
0.5.1-next.0
6 years ago
0.5.0
6 years ago
0.4.0
6 years ago
0.0.1-next.3
6 years ago
0.0.1-next.2
6 years ago
0.0.1-next.1
6 years ago
0.0.1-next.0
6 years ago
0.0.1-next
6 years ago