具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 目录结构: 一、js合并压缩 第一次需要先安装grunt。执行 npm install -g grunt-cli 进行安装。如果已经安装,可以忽略。 1.package.json文件 安装所需要的依赖文件 安装命令: 2.Gru ...
分类:
Web程序 时间:
2017-07-24 00:01:56
阅读次数:
196
Grunt 作为前端自动化构建工具,我主要使用到的是其中对css的less预处理器的转换,图片的压缩,js,css文件的合并压缩以及实时监测的插件。 好处是:节省带宽流量,提高了代码的安全性。 使用Grunt的步骤如下: 1.安装:先要 安装 Node.js, 然后 安装 Grunt(打开控制台输入 ...
分类:
其他好文 时间:
2017-07-08 14:12:00
阅读次数:
227
本章将介绍 gulp-watch-path stream-combiner2 gulp-sourcemaps gulp-autoprefixer 您还可以直接学习以下模块: 安装 Node 和 gulp 使用 gulp 压缩 JS 使用 gulp 压缩 CSS 使用 gulp 压缩图片 使用 gul ...
分类:
其他好文 时间:
2017-07-07 14:27:06
阅读次数:
348
请务必理解如下章节后阅读此章节: 压缩 css 代码可降低 css 文件大小,提高页面打开速度。 我们接着将规律转换为 gulp 代码 规律 找到 css/ 目录下的所有 css 文件,压缩它们,将压缩后的文件存放在 dist/css/ 目录下。 gulp 代码 当熟悉 使用 gulp 压缩 JS ...
分类:
Web程序 时间:
2017-07-07 14:23:51
阅读次数:
205
环境 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
requie.js 和backbone.js 这里就不说了,能够去看官方文档,都非常具体! 可是使用require.js 默认带的压缩方式感觉不是非常方便,所以本文主要讲 利用r.js压缩,来实现本地不压缩,生产环境压缩 r.js 是执行在node上的,默认使用UglifyJS。UglifyJS真的 ...
分类:
Web程序 时间:
2017-07-03 17:18:11
阅读次数:
393
gulp的最实用教程 使用gulp编译less、sass、压缩js等常用功能讲解 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效 ...
分类:
其他好文 时间:
2017-07-03 10:19:40
阅读次数:
208
在BundleConfig.cs中,指定CSS和JS,主要用来压缩JS和CSS 在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和css进行压缩(多个文件可以打包成一个文件),并且可以区分调试和非调试,在调试时不进行压缩,以原始方式显示出来,以方 ...
分类:
移动开发 时间:
2017-06-25 10:02:05
阅读次数:
163
今天我们来说一下用Grunt来压缩图片和JS吧! 首先要安装插件: 这是压缩图片的; 这是压缩JS的: 然后引入依赖: var gulp = require("gulp"); 在引入插件: gulp.task('uglifyJS',function(){ gulp.src('js/sum.js') ...
分类:
其他好文 时间:
2017-06-12 23:54:11
阅读次数:
174
以下是压缩js,css和css合并,html,img,js语法检查 要想实现这些,需要在命令行里下载: js: npm install grunt-contrib-uglify --save-dev css: npm install grunt-contrib-cssmin --save-dev n ...
分类:
其他好文 时间:
2017-06-11 22:15:26
阅读次数:
163