2017-02-11 83 views
1

我正嘗試在gulp的幫助下在一個文件夾中創建所有.js文件的all.js文件。但我沒有得到all.js文件。gulp不創建`concat`文件

步驟i遵循如下:

  1. 創建Gulp.js文件,如下

文件:gulpfile.js

// grab our gulp packages 
var gulp = require('gulp'), 
    gutil = require('gulp-util'), 
    concat = require('gulp-concat-util'); 

// create a default task and just log a message 
gulp.task('default', function() { 
    return gutil.log('Gulp is running!') 
}); 

gulp.task('scripts', function() { 
    gulp.src(['./js/*.js']) 
    .pipe(concat.scripts('all.js')) 
    .pipe(uglify()) 
    .pipe(gulp.dest('./dist/')) 
}); 
  • 運行gulp命令。
  • 運行後,我得到的消息爲文件中提到的Gulp is running。但Js文件沒有創建。

    任何幫助將不勝感激。

    回答

    1

    你沒有執行任務。你需要運行命令gulp scripts

    Gulp是一個任務跑步者。它允許你指定tasks。運行gulp命令時將運行default任務。如果你想運行比default任務以外的任務,你必須

    1. 運行gulp {{taskname}}其中{{taskname}}通過gulp.taskgulpfile
    2. 呼叫通過default任務指定任務調用回調函數。

    你還沒有做過。所以當你從命令行運行gulp時,你所運行的只是default任務,除了調用gutil.log之外什麼都不做,然後返回。

    +0

    with'gulp scripts'我得到錯誤'[21:53:21] TypeError:concat.scripts不是函數' – Gags

    +0

    'concat.scripts'在v0.5.5中加入(https://github.com/mgcrea /咽-的concat-UTIL /提交/ 759d721bd581b05bab27af9dc4087a730d5d052a)。假設你已經用'npm install gulp-concat-util'安裝了最新版本,它應該可以正常工作。不知道爲什麼它不起作用,但即使沒有'.scripts',它仍然可以工作。將其更改爲'concat('all.js')'並查看是否有效。您可以在'scripts'任務中使用'console.log(concat)'來查看可用的內容。 – Adam

    +0

    對不起,我是新來的吞嚥,但這次它是'[22:12:30] ReferenceError:uglify沒有定義' – Gags