如何在angular-cli @ webpack完成捆绑后运行gulp任务?

时间:2016-09-12 06:56:11

标签: angular gulp webpack angular-cli

我正在使用angular-cli @ webpack。

我已经使用gulp配置了我的节点服务并运行我的json-server我正在执行我的gulpfile:

var gulp = require('gulp');
var gulpif = require('gulp-if');
var server = require('gulp-express');
var args = require('yargs').argv;
var typescript=require('gulp-typescript');
var sourcemaps = require('gulp-sourcemaps');
var del = require('del');
var tsconfig = typescript.createProject('src/tsconfig.json');

gulp.task('default',function(){
    // Start the server at the beginning of the task 
    console.log('Start the server at the beginning of the task');
    server.run(['server/json-server-starter.js']);
});

现在运行我的angular2项目我正在使用npm start

我希望有一个功能,在angular-cli完成我的应用程序的捆绑之后,应该启动json-server。

我尝试在package.json中包含以下命令:

"scripts": {
    "start": "ng serve && gulp",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
}

但是在捆绑应用程序后它没有运行gulpfile。 如果我在gulp之前加ng serve然后只运行gulpfile,那么webpack就不会运行angular2应用程序。

那么我可以同时运行这两个任务吗?

任何输入?

提前感谢。

1 个答案:

答案 0 :(得分:9)

最后,我在Windows上找到了一个解决方案。

它指出在package.json中使用以下命令可以同时运行gulp& webpack同时:

"start": "start ng serve && start gulp"

感谢您的回复。