1. 程式人生 > >使用gulp-concat合併js檔案

使用gulp-concat合併js檔案

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

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.合併完成

這裡寫圖片描述