基于node.js的gulp压缩 js css文件

1、安装nodejs
2、cmd下进入到nodejs目录
3、全局下利用npm安装gulp    命令:npm install -g gulp
4、项目中安装gulp包  命令:npm install gulp --save-dev
5、下载gulp合并插件   命令:npm install gulp-concat --save-dev
6、 下载gulp压缩插件    命令:npm install gulp-uglify --save-dev
7、在项目中创建并编译gulpfile.js文件,文件内容如下:
    var gulp = require('gulp');

    //压缩js代码
    var uglify = require('gulp-uglify');

    //合并js文件
    var concat = require('gulp-concat');

    var paths = {
        scripts: ['index1.js', 'index2.js', 'index3.js']
    }

    gulp.task('default', function() {
        gulp.src(paths.scripts)
            .pipe(uglify())
            .pipe(concat('all.min.js'))
                .pipe(gulp.dest('build'));
    });
8、初始化项目  命令:npm init  注:本人觉的只有要监测项目时才用到,如果只是压缩合并文件可忽略此操作,具体含义可百度

9、执行gulp   命令 gulp  即可完成压缩指定文件的压缩(此命令要定位到项目目录操作)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值