VSCode的Minify自动压缩html css js插件

Posted 一直闭眼看世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VSCode的Minify自动压缩html css js插件相关的知识,希望对你有一定的参考价值。

VSCode的Minify自动压缩html css js插件

11-26分类: VSCode25个赞

这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier,与 JavaScript、CSS 和 HTML 协同工作。

使用方法演示:

run-sequence

执行前端代码自动构建,一般会分为以下几个步骤 

1. 清理目标目录(任务:clean) 
2. 代码压缩打包,这其中包括对JS,CSS,HTML以及图片的处理(任务:minify:js,minify:css,minify:html,minify:image) 
3. 监控(任务:watch)

首先执行第一步操作,清理目标目录,清理完成后方可执行打包动作。 
然后执行第二步操作,这个步骤里又可以细分为几个任务,但是几个任务相互之间并没有依赖关系,因此可以并行。 
最后执行第三步操作,监控代码变改,必须在第二步所有任务全部执行完成后方可执行

最终代码

var gulp        = require(‘gulp‘),
    runSequence = require(‘run-sequence‘),
    pump        = require(‘pump‘);

gulp.task(‘default‘, function(cb) {
    runSequence(
        ‘clean‘, // 第一步:清理目标目录
        [‘minify:js‘, ‘minify:css‘, ‘minify:html‘, ‘minify:image‘], // 第二步:打包 
        ‘watch‘, // 第三步:监控
        cb
    );
});

 参考:http://blog.csdn.net/gongm24/article/details/59094678

以上是关于VSCode的Minify自动压缩html css js插件的主要内容,如果未能解决你的问题,请参考以下文章

gulpfile.js配置 实现ctrl+s自动编译和刷新浏览器

gulp压缩html ,css,js,img

gulp压缩构建代码

gulp

gulp 中对于css文件的压缩合并出现的unable to minify JavaScript问题

gulp自动化压缩合并加版本号解决方案