grunt
帶淚承諾
宝剑锋从磨砺出 梅花香自苦寒来!
展开
-
grunt学习(三)——实现JavaScript资源的合并
前一篇记录了Grunt的安装,这篇介绍下怎么使用Gruntjs来搭建一个前端项目,然后使用grunt合并,压缩JS文件。大概有如下步骤1 新建项目Bejs2 新建文件package.json3 新建文件Gruntfile.js4 命令行执行grunt任务 一、新建项目Bejs源码放在src下,该目录有两个js文件,select转载 2015-09-08 10:27:54 · 387 阅读 · 0 评论 -
Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置
grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。cwd:需要处理的文件(input)所在的目录。src:表示需要处理的文件。转载 2015-09-08 10:41:24 · 425 阅读 · 0 评论 -
grunt学习(四)——css资源的合并和压缩
使用GruntJS构建Web程序 (3)前一篇讲述了如何使用concat和uglify命令实现JavaScript资源的合并,压缩。这篇讲述下css资源的合并和压缩。有如下步骤:1 新建项目Bejs2 新建文件package.json3 新建文件Gruntfile.js4 命令行执行grunt任务 一、新建项目Bejs源码放在转载 2015-09-08 10:29:22 · 484 阅读 · 0 评论 -
【grunt整合版】使用grunt打包前端代码
grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了http://www.cnblo转载 2015-09-08 11:46:11 · 407 阅读 · 0 评论 -
Grunt:多个css,js,进行单独压缩
module.exports = function (grunt) { // 构建任务配置 grunt.initConfig({ //读取package.json的内容,形成个json数据 pkg: grunt.file.readJSON('package.json'), //压缩js uglify: {转载 2015-09-08 10:48:04 · 352 阅读 · 0 评论 -
grunt学习(二)——安装grunt及其插件
Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用· 合并JS文件· 压缩JS文件· 单元测试(基于QUnit)· 一句话:完全自动化(automation) 以下是它的安装过程。 一、安装node参考no转载 2015-09-08 10:26:26 · 382 阅读 · 0 评论 -
Grunt 单独对css压缩并生成min.css文件
Grunt 单独对css压缩并生成min.css文件原创 2015-09-08 17:07:40 · 2319 阅读 · 1 评论 -
grunt学习(一)——nodejs入门
首先,去http://nodejs.org 下载安装。我下的版本是0.8.14。安装很简单,下一步下一步就哦了。我的安装目录是C:\Program Files (x86)\nodejs。这时使用node -v 命令查看下安装的版本 一、helloworld在nodejs安装目录中新建一个文件hello.js,里面敲一行代码?转载 2015-09-08 10:24:51 · 289 阅读 · 0 评论 -
grunt合并压缩js、css文件
转载文章:http://www.cnblogs.com/yexiaochai/p/3594561.htmlhttp://www.cnblogs.com/yexiaochai/p/3602002.htmlhttp://www.cnblogs.com/snandy/archive/2013/03/07/2946989.htmlhttp://www.cnblogs.com转载 2015-09-08 11:05:33 · 373 阅读 · 0 评论 -
GitHub 上传地址
HTTPS方式: https://github.com/XiangYangMeng/yang2015.gitor create a new repository on the command lineecho # yang2015 >> README.mdgit initgit add README.mdgit commit -m "firs原创 2015-12-10 10:37:33 · 1085 阅读 · 0 评论