本文介紹了Gulp 將多個 js 文件縮小為一個的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!
問題描述
限時送ChatGPT賬號..
我是 Gulp 的新手,想知道如何將我的集合縮小(連接)到單個文件而不是單獨的每個文件.
I am new to Gulp and wondering how can I minify (concatinate) my collection to single file instead of every file separately.
var gulp = require('gulp');
var uglify = require('gulp-uglify');
gulp.task('minify', function () {
gulp.src([
'content/plugins/jquery/jquery-2.1.1.js',
'content/plugins/jquery/jquery-ui.js',
'content/js/client.js'])
.pipe(uglify())
.pipe(gulp.dest('content/js/client.min.js')) // It will create folder client.min.js
});
gulp.task('default', ['minify']);
如您所見,我正在嘗試縮小 3 個 javascript 文件,然后將它們輸出到一個 client.min.js
中.有可能嗎?
As you can see I'm trying to minify 3 javascript files and then output them into one client.min.js
. Is it possible?
推薦答案
這個插件將幫助 gulp-concat.
用法:
var concat = require('gulp-concat');
gulp.task('scripts', function() {
gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
.pipe(concat('all.js'))
.pipe(uglify())
.pipe(gulp.dest('./dist/'))
});
這篇關于Gulp 將多個 js 文件縮小為一個的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!