gulp篇:速玩JS文件合并和压缩
来源:互联网 发布:网络相亲靠谱吗 编辑:程序博客网 时间:2024/05/02 20:04
gulp合并插件
安装: npm install gulp-concat --save-dev
安装好之后
var concat = require(‘gulp-concat’); //引用
接下来,只要concat(‘xxx.js’)就算合并了。注意此时只是在内存中生成
前面我们学过管道的概念,因此代码整合非常简单
gulp.src([这里写上js]).pipe(concat(‘xxx.js’)).pipe(gulp.dest(‘目录’))
1.编辑gulpfile.js
var gp = require('gulp');var concat = require('gulp-concat');gp.task("taskName",function(){ // 把1.js和2.js合并为main.js,输出到dest/js目录下 gp.src(['1.js','2.js']).pipe(concat('main.js')).pipe(gp.dest('./dest/js'));})
2.执行gulp任务
gulp taskName
第二个插件:压缩插件
安装:npm install gulp-uglify --save-dev
光合并没啥乱用,我们还需要压缩,减少网络传输
这个插件就更简单了
var uglify = require(‘gulp-uglify’);
uglify()即可,参数都不要
同样是编辑gulpfile.js
var gp = require('gulp');var concat = require('gulp-concat');var uglify = require('gulp-uglify');gp.task("taskName",function(){ // 把1.js和2.js合并压缩为main.js,输出到dest/js目录下 gp.src(['1.js','2.js']).pipe(concat('main.js')).pipe(uglify()).pipe(gp.dest('./dest/js'));})
执行这个任务后会生成压缩版的main.js
0 0
- gulp篇:速玩JS文件合并和压缩
- gulp JS文件合并和压缩
- gulp合并压缩JS和CSS
- 前端速学成财:第八课-速玩JS文件合并和压缩
- 前端速学成财:第八课-速玩JS文件合并和压缩
- gulp压缩js和css文件
- gulp 实现 js、css,img 合并和压缩
- gulp 实现 js、css,img 合并和压缩
- gulp 实现 js、css,img 合并和压缩
- gulp 压缩合并Css 混淆压缩js
- Gulp压缩、合并js/css文件,压缩图片以及热更新教程
- Gulp压缩合并js/css文件,压缩图片,以及热更新教程
- gulp压缩js和css
- gulp压缩js和css
- gulp合并压缩很多js文件时,报intermediate value is not a function错误解决
- Gulp编译、合并、压缩
- 使用gulp-concat合并js文件
- 使用gulp-uglify压缩js文件
- Uva11582 Colossal Fibonacci Numbers! (数论、斐波那契循环节)
- POJ-3468 A Simple Problem with Integers 【线段树:区间更新】
- 《Android开发艺术探索》之学习笔记(五)理解RemoteViews
- 动手写一个探测网络质量(丢包率/RTT/队形等)的工具
- 【HDU】5700 - 区间交(线段树 & 贪心)
- gulp篇:速玩JS文件合并和压缩
- 地道的英文 —— 固定搭配、固定短语
- 关于UPnP Device Architecture 2.0的阅读笔记(八)
- 图解Linux命令之--talk命令
- C++ function、bind以及lamda表达式
- this在继承中到底调用谁
- android raw与assets区别
- HDOJ-----5748Bellovin(LIS)
- Java Collection接口