我正在尝试使用Gulp:
到目前为止,我有以下代码
var gulp = require('gulp'),
gp_concat = require('gulp-concat'),
gp_uglify = require('gulp-uglify');
gulp.task('js-fef', function(){
return gulp.src(['file1.js', 'file2.js', 'file3.js'])
.pipe(gp_concat('concat.js'))
.pipe(gp_uglify())
.pipe(gulp.dest('js'));
});
gulp.task('default', ['js-fef'], function(){});
Run Code Online (Sandbox Code Playgroud)
但是,uglify操作似乎不起作用,或者由于某种原因不生成文件.
我需要做些什么来实现这一目标?
我正在使用一个网站Angular2,我有我认为是一个问题.在我的角度页面的第一次加载时,SystemJS正在发出超过500个请求来检索目录中的每个Angular2文件angular2/src.总的来说,第一个负载下载超过4MB,启动时间超过14秒.
我index.html的以下脚本包括:
<script src="libs/angular2/bundles/angular2-polyfills.js"></script>
<script src="libs/systemjs/dist/system.src.js"></script>
<script src="libs/rxjs/bundles/Rx.js"></script>
<script src="libs/angular2/bundles/angular2.min.js"></script>
<script src="libs/angular2/bundles/http.dev.js"></script>
<script src="libs/jquery/jquery.js"></script>
<script src="libs/lodash/lodash.js"></script>
<script src="libs/bootstrap/js/bootstrap.js"></script>
Run Code Online (Sandbox Code Playgroud)
我的systemJs初始化代码如下所示:
<script>
System.config({
defaultJSExtensions: true,
paths: {
'*': 'libs/*',
'app/*': 'app/*'
},
packageConfigPaths: ['libs/*/package.json'],
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/main')
.then(null, console.error.bind(console));
</script>
Run Code Online (Sandbox Code Playgroud)
我的公用文件夹具有以下结构:
.
??? img
??? styles
??? app
??? libs
| ??? angular2
| ??? systemjs
| ??? rxjs
| ??? jquery
| …Run Code Online (Sandbox Code Playgroud) 所以,我正在学习Angular2,我正在使用TypeScript.所以,我知道SystemJS用于获得这样的import功能:
import { bootstrap } from "angular2/platform/browser";
这是有道理的,但是,我不明白究竟angular2/platform/browser是哪里.我很确定它不是路径,而是用于模拟路径/命名空间的其他东西.另外,看bootstrap这里,是一堂课吗?或者它只是一个功能.是否有可能导入其他东西?
任何特殊的答案都会得到我的赏金.