相关疑难解决方法(0)

使用Gulp连接和Uglify文件

我正在尝试使用Gulp:

  1. 获取3个特定的javascript文件,将它们连接起来,然后将结果保存到文件中(concat.js)
  2. 取这个连接文件并uglify/minify它,然后将结果保存到另一个文件(uglify.js)

到目前为止,我有以下代码

    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操作似乎不起作用,或者由于某种原因不生成文件.

我需要做些什么来实现这一目标?

gulp

119
推荐指数
4
解决办法
13万
查看次数

Angular2加载时文件请求太多

我正在使用一个网站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)

javascript typescript systemjs angular

57
推荐指数
2
解决办法
2万
查看次数

Angular2如何解析导入?

所以,我正在学习Angular2,我正在使用TypeScript.所以,我知道SystemJS用于获得这样的import功能:

import { bootstrap } from "angular2/platform/browser";

这是有道理的,但是,我不明白究竟angular2/platform/browser是哪里.我很确定它不是路径,而是用于模拟路径/命名空间的其他东西.另外,看bootstrap这里,是一堂课吗?或者它只是一个功能.是否有可能导入其他东西?

任何特殊的答案都会得到我的赏金.

typescript angular

4
推荐指数
1
解决办法
3661
查看次数

标签 统计

angular ×2

typescript ×2

gulp ×1

javascript ×1

systemjs ×1