首頁猿問 gulp合并js代碼問題

gulp合并js代碼問題

JavaScript

達令說 2018-10-16 13:26:42

// 合并，壓縮文件gulp.task('scripts', function() { gulp.src('src/js/*.js') .pipe(concat('all.js')) .pipe(gulp.dest('./dist')) .pipe(rename('all.min.js')) .pipe(uglify()) .pipe(gulp.dest('./dist'));});gulp自動化把所有js代碼合并成一個文件，這樣不會顯得很臃腫嗎？一些html頁面用到的js代碼也合并成一個all.js文件了；

查看完整描述

1 回答

慕的地8271018

TA貢獻1796條經(jīng)驗獲得超4個贊

合并是出于減少頁面請求數(shù)，但這樣一來，多頁面中的公共 js 就享受不到緩存的加成。
比如 a 頁面中的 all.js 包含了 jq， b 頁面的 all.js 中也有 jq。這種情況適合把頁面公共 js 單獨打包，然后每個頁面差異的部分再分別打包。
全部合并為一個 js 更適合于單頁場景。因為所有內容都集中在一個頁面，本身就需要等待各種資源加載。

反對回復 2018-11-02