基于nodejs的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  即可完成压缩指定文件的压缩(此命令要定位到项目目录操作)

展开阅读全文

没有更多推荐了,返回首页