Gulp和Webpack的基本区别： gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有task定义处理事务，从而构建整体流程，它是基于流的自动化构 ...
分类：
Web程序 时间：
2017-09-19 11:15:37
阅读次数：
174
一、Gulp / Grunt是构建工具，可以配合各种插件做js压缩，css压缩，less编译甚至自动刷新页面以此来 替代手工实现这些繁琐的工作。 二、Browserify / Webpack和 Seajs / Requirejs一样都是JS模块化的方案。两类也有所区别： 总结：Gulp / Grun ...
分类：
Web程序 时间：
2017-09-13 01:44:57
阅读次数：
230
//npm install gulp-rev --save-dev var gulp = require('gulp'), minifycss = require('gulp-clean-css'), //使用gulp-minify-css压缩css文件，减小文件大小，并给引用url添加版本号避免缓... ...
分类：
其他好文 时间：
2017-09-02 00:04:55
阅读次数：
151
1) 优化前端网页 充分利用CDN，使JS、图片等静态资源的请求能够就近访问（顺便说一下，如果12306订票插件能从google提供的http://cdnjs.com中引用JS，而不去直接引用github的JS，就不会把github搞瘫了）。 将JS、CSS合并，最小化请求数。将JS和CSS压缩，最 ...
分类：
其他好文 时间：
2017-08-04 01:12:13
阅读次数：
121
合并和压缩JS、CSS文件 压缩JS，CSS文件需要引用如下组件： gulp-minify-css: 压缩css gulp-jshint: 检查js gulp-uglify: 压缩js gulp-concat: 合并文件 gulp-rename: 重命名文件 gulp-clean: 清空文件夹 gu ...
分类：
Web程序 时间：
2017-08-01 23:06:00
阅读次数：
279
gulp初探 gulp是基于node.js的一个前端构建系统。它能通过自己主动运行常见任务，比方编译预处理CSS，压缩JavaScript和刷新浏览器。来改进站点的开发流程。 gulp安装 1.假设没有安装node.js。请先去node管网安装最新版node.js; 2.安装了node后，在全局安装 ...
分类：
其他好文 时间：
2017-07-29 18:54:29
阅读次数：
224
环境 node -v v6.10.3 npm -v 3.10.10 package.json如下： 文件目录结构： gulpfile.js如下： index.html index.scss如下： header.html 如下： 其余的是无关文件或者是生成的文件，js的内容没必要贴出，反正只是压缩而已 ...
分类：
Web程序 时间：
2017-07-03 23:58:29
阅读次数：
669
var gulp = require('gulp'), cssmin = require('gulp-clean-css'), //压缩css文件 concat = require('gulp-concat'), //合并js文件 jsmin = require('gulp-uglify'), //... ...
分类：
Web程序 时间：
2017-06-27 19:51:17
阅读次数：
174
有了webpack。。（不借助gulp/grunt）代码压缩 图片base64，解析less/sass coffee css压缩，MD5加密都帮你做了。。还支持按需加载。。还有热替换 webpack常用命令： 构建命令，webpack的常用参数 $ webpack --config webpack. ...
分类：
Web程序 时间：
2017-03-21 10:44:05
阅读次数：
222
压缩 css 代码可降低 css 文件大小，提高页面打开速度。 规律转换为 gulp 代码 找到 css/ 目录下的所有 css 文件，压缩它们，将压缩后的文件存放在 dist/css/ 目录下。 gulp 代码 一、安装 gulp-minify-css 模块 提示：你需要使用命令行的 cd 切换到 ...
分类：
Web程序 时间：
2017-03-13 17:40:41
阅读次数：
288
