[英]How to concat & minify an angular2 application?
我想連續和縮小angular2應用程序。 我所做的是首先將我的所有* .js文件(boot.js,application.js然后所有組件)連接到一個文件中,並將其注入我的index.html。 我也刪除了
<script>
System.config({
packages: {
app: {
defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
並用我的替換它
<script src="js/allMyConcatFilesIntoOne.js"></script>
但是我得到了錯誤,需要丟失/未知。
angular2應用程序如何填充到一個文件中? 我是否必須首先收集所有打字稿文件然后連接然后通過gulp編譯?
問候
Tenoda
使用像這樣的gulpfile.js:
/// <binding Clean='clean' />
"use strict";
var gulp = require("gulp"),
rimraf = require("rimraf"),
concat = require("gulp-concat"),
cssmin = require("gulp-cssmin"),
uglify = require("gulp-uglify"),
tsc = require("gulp-typescript");
var webroot = "./wwwroot/";
var paths = {
js: webroot + "js/**/*.js",
ts: webroot + "app/**/*.ts",
minJs: webroot + "js/**/*.min.js",
css: webroot + "css/**/*.css",
minCss: webroot + "css/**/*.min.css",
concatJsDest: webroot + "js/site.min.js",
concatCssDest: webroot + "css/site.min.css"
};
gulp.task("clean:js", function (cb) {
rimraf(paths.concatJsDest, cb);
});
gulp.task("clean:css", function (cb) {
rimraf(paths.concatCssDest, cb);
});
gulp.task("clean", ["clean:js", "clean:css"]);
gulp.task("min:js", function () {
return gulp.src([paths.js, "!" + paths.minJs], { base: "." })
.pipe(concat(paths.concatJsDest))
.pipe(uglify())
.pipe(gulp.dest("."));
});
gulp.task("min:css", function () {
return gulp.src([paths.css, "!" + paths.minCss])
.pipe(concat(paths.concatCssDest))
.pipe(cssmin())
.pipe(gulp.dest("."));
});
gulp.task("min", ["min:js", "min:css"]);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.