匹配符 *、**、!、{} 文件操作 del (替代gulp-clean) gulp-rename 描述:重命名文件 gulp-concat 描述:合并文件。 gulp-filter 描述:在虚拟文件流中过滤文件。 压缩 gulp-uglify 描述:压缩js文件大小。 gulp-csso 描述:压 ...
分类:
其他好文 时间:
2018-06-28 10:16:26
阅读次数:
175
var gulp = require('gulp');var uglify = require('gulp-uglify'); // 获取 uglify 模块(用于压缩 js)var minifyCSS = require('gulp-minify-css'); // 获取 minify-css 模 ...
分类:
其他好文 时间:
2018-06-11 23:39:01
阅读次数:
207
一. 软件安装 步骤一:安装node.js, 下载地址:https://nodejs.org/en/,选择8.11.2 LTS 版本; 步骤二:安装npm, 点击开始--node.js command prompt 输入npm install npm –g ; 步骤三:安装UglifyJs, npm ...
分类:
Web程序 时间:
2018-06-06 21:57:37
阅读次数:
644
前言 现在的前端开发已经不再仅仅只是静态网页的开发了,日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂,更加的不易于管理,模块化开发和预处理框架把项目分成若干个小模块,增加了最后发布的困难,没有一个统一的标准,让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越来越重要。 在gulp ...
分类:
其他好文 时间:
2018-05-27 14:41:25
阅读次数:
194
gulp 基于node的自动化构建工具 开发的时候分为2个阶段 开发阶段:源文件进行开发 部署阶段:源文件会被压缩,合并,优化。 gulp的用处? 1 自动压缩JS文件 2 自动压缩CSS文件 3 自动合并文件 4 自动编译sass 5 自动压缩图片 6 自动刷新浏览器 安装gulp. ...
分类:
Web程序 时间:
2018-05-22 16:39:35
阅读次数:
197
gulp相关插件: 1、del 删除文件,用于清空文件 2、browser-sync 用于自动刷新浏览器 3、gulp-htmlmin 用于压缩html 4、gulp-clean-css 压缩css 5、gulp-uglify 压缩js 6、gulp-replace 替换路径 7、gulp-base ...
分类:
其他好文 时间:
2018-05-22 15:09:19
阅读次数:
213
压缩:删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小。 javascript文件压缩的原理 第一个当然就是去掉注释了。 另外就是跟CSS压缩相同的去掉换行符,空格什么的。 JAVASCRIPT中有几种变量形式,如变量,函数名,函数的参数等,通常我 ...
分类:
Web程序 时间:
2018-03-30 12:22:17
阅读次数:
218
在MVC中使用Bundle打包压缩js和css 第一步:安装 安装“System.Web.Optimization”:在中“NuGet”中搜索 安装。 第二步:配置 配置“Views”目录下的“web.config”文件增加“System.Web.Optimization”配置 第三部:写代码 在“ ...
分类:
Web程序 时间:
2018-03-21 21:57:56
阅读次数:
193
一、css文件打包到js中(loader的三种写法) 二、压缩JS代码(虽然uglifyjs是插件,但是webpack版本里默认集成,不需要再次安装。) "scripts": { "server":"webpack-dev-server" } 配置好保存后,在终端里输入 npm run server ...
分类:
Web程序 时间:
2018-02-09 15:03:06
阅读次数:
203