码迷,mamicode.com
首页 > 其他好文 > 详细

192.gulp-concat插件合并多个文件

时间:2020-03-01 00:40:41      阅读:64      评论:0      收藏:0      [点我收藏+]

标签:示例   line   渲染   文件合并   命名   OLE   eve   rename   gulp   

因为在网页的开发中,为了加快网页渲染的速度,如果我们的js文件比较多的话,就可以使用gulp-concat插件,将多个js文件合并成一个文件,该插件的安装同样是在终端窗口执行命令:npm install gulp-concat --save-dev.
示例代码如下(1):
var gulp = require('gulp');
var concat = require('concat');
var uglify = require('uglify');

gulp.task('js', function() {
    gulp.src(['./js/index.js', './js/nav.js'])
     //将文件合并成一个index.js文件
    .pipe(concat('index.js'))
   // 将文件进行丑化处理
    .pipe(uglify({
        'toplevel':true,
        'compress': {
            'drop_console': true,
            'drop_debugger': true,
        }
    }))
    //为文件进行重命名
    .pipe(rename({'suffix': '.min'}))
    .pipe(gulp.dest('./dist/js/'))
});
示例代码如下(2):
var gulp = require('gulp'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    concat = require('gulp-concat'),
    pipeline = require('readable-stream').pipeline;
    
gulp.task('js02', function() {
    return pipeline(
        gulp.src(['./js/index.js','./js/nav.js']),
        concat('index.js'),
        //压缩主要是依靠uglify()函数;
        uglify(),
        rename({
            'suffix': '.min',
        }),
        gulp.dest('./dist/js/')
    )
});

192.gulp-concat插件合并多个文件

标签:示例   line   渲染   文件合并   命名   OLE   eve   rename   gulp   

原文地址:https://www.cnblogs.com/guyan-2020/p/12387362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!