我有一个Angular 2
打字稿项目,我想将它捆绑到一个 JS 文件中。引导程序:
main.ts
import {platformBrowser} from '@angular/platform-browser';
import {AppModuleNgFactory} from '../aot/dev/app/app.module.ngfactory' //generated code
import {enableProdMode} from '@angular/core';
enableProdMode();
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory).catch(e=>console.error(e));
我使用Angular 2
's Ahead-of-Time 编译器来生成ngfactory.ts
文件。然后我跑来tsickle
将我的文件转换为与 Google Closure Compiler 兼容的 JS。这毫无困难地完成了:
"node_modules/.bin/tsickle" -- -p ./
结果如下:
main.js
goog.module('C_.websites.learn.angular2.dev.main');var module = module || {id: 'C:/websites/learn/angular2/dev/main.js'};
import { platformBrowser } from '@angular/platform-browser';
var platformBrowser = platformBrowser; /* local alias for Closure JSDoc */
import { AppModuleNgFactory } from '../aot/dev/app/app.module.ngfactory';
var AppModuleNgFactory = AppModuleNgFactory; /* local alias for Closure JSDoc */ //generated code
import { enableProdMode } from '@angular/core';
var enableProdMode = enableProdMode; /* local alias for Closure JSDoc */
enableProdMode();
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory).catch(function (e) { return console.error(e); });
最后,我使用google-closure-compiler-js
创建一个 gulp 任务,将所有 JS 捆绑到一个文件中。
gulpfile.js
const closureCompiler = require('google-closure-compiler-js').gulp();
gulp.task('closure-compiler', function() {
return gulp.src('./dev/main.js')
.pipe(closureCompiler({
compilationLevel: 'SIMPLE',
warningLevel: 'VERBOSE',
outputWrapper: '(function(){\n%output%\n}).call(this)',
jsOutputFile: 'build.js',
createSourceMap: false
}))
.pipe(gulp.dest(appProd));
});
任务立即失败并出现许多错误。这是一个示例:
dev\main.js:3 (JSC_REFERENCE_BEFORE_DECLARE) 声明前引用的变量:module$contents$C_$websites$learn$angular2$dev$main_platformBrowser
dev\main.js:5 (JSC_REFERENCE_BEFORE_DECLARE) 声明前引用的变量:module$contents$C_$websites$learn$angular2$dev$main_AppModuleNgFactory
dev\main.js:7 (JSC_REFERENCE_BEFORE_DECLARE) 声明前引用的变量:module$contents$C_$websites$learn$angular2$dev$main_enableProdMode
dev\main.js:10 (JSC_POSSIBLE_INEXISTENT_PROPERTY) 属性 bootstrapModuleFactory 从未定义过?
dev\main.js:3 (JSC_INTERNAL_ERROR_UNEXPECTED_TOKEN) 内部错误:TypeCheck 不知道如何处理 IMPORT
dev\main.js:3 (JSC_INTERNAL_ERROR_UNEXPECTED_TOKEN) 内部错误:TypeCheck 不知道如何处理 IMPORT_SPECS ...
我正在使用tsickle
截至 2016 年 10 月 10 日从 GitHub 克隆的最新源以及"google-closure-compiler-js": "^20160916.0.0"
.
我错过了一步吗?