3f55aa609f
This introduces the `BrowserModule` to be used for long form
bootstrap and offline compile bootstrap:
```
@AppModule({
modules: [BrowserModule],
precompile: [MainComponent],
providers: […], // additional providers
directives: […], // additional platform directives
pipes: […] // additional platform pipes
})
class MyModule {
constructor(appRef: ApplicationRef) {
appRef.bootstrap(MainComponent);
}
}
// offline compile
import {bootstrapModuleFactory} from ‘@angular/platform-browser’;
bootstrapModuleFactory(MyModuleNgFactory);
// runtime compile long form
import {bootstrapModule} from ‘@angular/platform-browser-dynamic’;
bootstrapModule(MyModule);
```
The short form, `bootstrap(...)`, can now creates a module on the fly,
given `directives`, `pipes, `providers`, `precompile` and `modules`
properties.
Related changes:
- make `SanitizationService`, `SecurityContext` public in `@angular/core` so that the offline compiler can resolve the token
- move `AnimationDriver` to `platform-browser` and make it
public so that the offline compiler can resolve the token
BREAKING CHANGES:
- short form bootstrap does no longer allow
to inject compiler internals (i.e. everything
from `@angular/compiler). Inject `Compiler` instead.
To provide custom providers for the compiler,
create a custom compiler via `browserCompiler({providers: [...]})`
and pass that into the `bootstrap` method.
77 lines
3.1 KiB
TypeScript
77 lines
3.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
declare var System: any;
|
|
|
|
|
|
(function(global: any /** TODO #9100 */) {
|
|
|
|
writeScriptTag('/all/playground/vendor/es6-shim.js');
|
|
writeScriptTag('/all/playground/vendor/zone.js');
|
|
writeScriptTag('/all/playground/vendor/long-stack-trace-zone.js');
|
|
writeScriptTag('/all/playground/vendor/system.src.js');
|
|
writeScriptTag('/all/playground/vendor/Reflect.js');
|
|
writeScriptTag('/all/playground/vendor/rxjs/bundles/Rx.js', 'playgroundBootstrap()');
|
|
(<any>global).playgroundBootstrap = playgroundBootstrap;
|
|
|
|
function playgroundBootstrap() {
|
|
// check query param
|
|
var useBundles = location.search.indexOf('bundles=false') == -1;
|
|
if (useBundles) {
|
|
System.config({
|
|
map: {
|
|
'index': 'index.js',
|
|
'@angular/core': '/packages-dist/core/bundles/core.umd.js',
|
|
'@angular/common': '/packages-dist/common/bundles/common.umd.js',
|
|
'@angular/compiler': '/packages-dist/compiler/bundles/compiler.umd.js',
|
|
'@angular/platform-browser': '/packages-dist/platform-browser/bundles/platform-browser.umd.js',
|
|
'@angular/platform-browser-dynamic': '/packages-dist/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
|
|
'@angular/http': '/packages-dist/http/bundles/http.umd.js',
|
|
'@angular/upgrade': '/packages-dist/upgrade/bundles/upgrade.umd.js',
|
|
'@angular/router-deprecated': '/packages-dist/router-deprecated/bundles/router-deprecated.umd.js',
|
|
'@angular/router': '/packages-dist/router/bundles/router.umd.js',
|
|
'@angular/core/src/facade': '/all/@angular/core/src/facade',
|
|
'rxjs': location.pathname.replace(/\w+\.html$/i, '') + 'rxjs'
|
|
},
|
|
packages: {
|
|
'app': {defaultExtension: 'js'},
|
|
'@angular/core/src/facade': {defaultExtension: 'js'}
|
|
}
|
|
});
|
|
} else {
|
|
console.warn(
|
|
"Not using the Angular bundles. Don't use this configuration for e2e/performance tests!");
|
|
|
|
System.config({
|
|
map: {'index': 'index.js', '@angular': '/all/@angular'},
|
|
packages: {
|
|
'app': { defaultExtension: 'js' },
|
|
'@angular/core': {main: 'index.js', defaultExtension: 'js'},
|
|
'@angular/compiler': {main: 'index.js', defaultExtension: 'js'},
|
|
'@angular/router': {main: 'index.js', defaultExtension: 'js'},
|
|
'@angular/common': {main: 'index.js', defaultExtension: 'js'},
|
|
'@angular/platform-browser': {main: 'index.js', defaultExtension: 'js'},
|
|
'@angular/platform-browser-dynamic': {main: 'index.js', defaultExtension: 'js'}
|
|
// 'rxjs': {
|
|
// defaultExtension: 'js'
|
|
// }
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
// BOOTSTRAP the app!
|
|
System.import('index').then(function(m: any /** TODO #9100 */) { m.main(); }, console.error.bind(console));
|
|
}
|
|
|
|
|
|
function writeScriptTag(scriptUrl: any /** TODO #9100 */, onload?: any /** TODO #9100 */) {
|
|
document.write(`<script src="${scriptUrl}" onload="${onload}"></script>`);
|
|
}
|
|
}(window));
|