Question

我正在使用一个有角度的2个打字稿的应用程序，它有gulp任务gulp build，它转换为js和bundle并缩小它并吞咽任务gulp build:dev，它执行相同的操作但没有缩小和捆绑。

如果我在app.module.ts注释掉这一行：

import { ClipboardModule } from 'ngx-clipboard';

然后gulp任务都有效。但是如果我取消注释该行，那么两个gulp任务都不会输出javascript。

没有错误消息。这怎么可能？我无法想象会发生什么，这会导致一行代码停止gulp任务的工作。有没有人有类似的问题？

gulpfile.js

gulp.task('build', function (callback) { 
    runSeq('clean', 'copy', 'scripts', 'styles', callback); 
});

gulp.task('clean', ['clean:app', 'clean:css', 'clean:images', 'clean:lib', 'clean:root', 'clean:rootconfig', 'clean:rootall']);

//copy files
gulp.task('copy', function(callback) {
    //runSeq('clean:lib', 'copy:libs', 'copy:images', 'copy:config', 'copy:html', 'copy:configjson', callback); 
    runSeq('clean:lib', 'copy:libs', 'copy:images', 'copy:config', 'copy:html', 'copy:configjson', 'copy:schema', callback);
});

gulp.task('scripts', function(callback) { 
    runSeq(['clean:js'], 'ts', 'bundle:js', 'minify:js', callback); 
});

gulp.task('styles', function(callback) {
  //runSeq('clean:css', ['compile:less', 'compile:css'], 'minify:css', 'del:css', callback);
  runSeq('clean:css', 'copy:css', ['compile:less'], 'minify:css', 'del:css', callback); 
});

Answer 1

TypeScript不支持Common.js模块。当为web浏览器构建时，应该提供gulp管道。

示例配置应如下所示：

gulp.task("default", ["copy-html"], function () {
 return browserify({
    basedir: '.',
    debug: true,
    entries: ['src/main.ts'],
    cache: {},
    packageCache: {}
 })
 .plugin(tsify)
 .bundle()
 .pipe(source('bundle.js'))
 .pipe(gulp.dest("dist"));
});

完整示例和其他信息： https://www.typescriptlang.org/docs/handbook/gulp.html

导入包

1 个答案: