使用gulp-concat合併js文件

1.安裝nodejs、構建目錄、初始化項目

搭建gulp項目


2.安裝gulp-concat插件

在項目目錄下打開命令提示符工具

按下 ctrl+r -->  輸入 cmd

安裝gulp-concat

npm install gulp-concat --save-dev

可能會比較慢,等待一段時間。

完成

完成安裝


3.如何使用

  1. 首先在 項目根目錄下的 gulpfile.js文件中間中 引入 gulp插件和gulp-concat插件

這裏寫圖片描述

  1. 定義一個gulp任務

這裏寫圖片描述

//定義一個任務名稱 concat 
gulp.task('concat',function(){

    // 找到src目錄下的所有文件夾中的所有js文件
    return gulp.src('src/**/*.js')

    //執行concat插件方法,合併的js文件,文件名稱爲 router.js
        .pipe(concat('router.js'))

    //最後輸出到dist/js文件目錄下面
        .pipe(gulp.dest('dist/js'));

});

4.合併完成

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章