Grunt 进行js,css文件合并,压缩
2015-07-29 11:18
791 查看
Grunt 进行js,css文件合并,压缩
安装 Grunt 前,你需要首先下载并安装 node.js (npm 已经包含在内)。npm 是 node packaged modules 的简称,它的作用是基于 node.js 管理扩展包之间的依赖关系。
安装node: 运行 node-v0.12.7-x86.msi
安装 grunt-cli :用管理员身份运行(下同) cmd 进入命令行模式,运行 npm install -g grunt-cli
安装项目依赖的库
配置 package.json 文件:新建文件夹 GruntTest => 建 package.json 文件. 该文件内容要满足 Json格式,如果只需要合并,压缩。有以下内容就足够。
配置任务:
在GrunTest 目录下新建 Gruntfile.js 文件, 然后在命令行中执行 grunt
更多信息查看
安装 Grunt 前,你需要首先下载并安装 node.js (npm 已经包含在内)。npm 是 node packaged modules 的简称,它的作用是基于 node.js 管理扩展包之间的依赖关系。
安装node: 运行 node-v0.12.7-x86.msi
安装 grunt-cli :用管理员身份运行(下同) cmd 进入命令行模式,运行 npm install -g grunt-cli
安装项目依赖的库
配置 package.json 文件:新建文件夹 GruntTest => 建 package.json 文件. 该文件内容要满足 Json格式,如果只需要合并,压缩。有以下内容就足够。
{ "name": "my-project-name", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.5", "grunt-contrib-jshint": "~0.10.0", "grunt-contrib-nodeunit": "~0.4.1", "grunt-contrib-uglify": "~0.5.0" } }
进行 cmd 命令行模式,并转到 GruntTest 目录 , 执行 npm install
命令执行成功后,会在 GruntTest目录下产生一个 node_modules目录,里面有四个子目录
配置任务:
在GrunTest 目录下新建 Gruntfile.js 文件, 然后在命令行中执行 grunt
更多信息查看
相关文章推荐
- Js 动态插入css js文件
- QTableView的滚动条设置样式
- php使用gzip压缩传输js和css文件的方法
- 纯CSS绘制三角形(各种角度)
- CSS实现不固定宽度和高度的自动居中
- 纯CSS3浮雕质感的立体文字旋转动画
- Java Web项目中CSS路径的问题
- CSS3 transition的使用
- DOM 操作表格及样式
- CSS中的 backgroundPosition 属性
- CSS-小谈LV,HA!
- 如何使用CSS3画出一个叮当猫
- css的伪类别
- 全局CSS样式
- 如何使用CSS3画出一个叮当猫
- php使用gzip压缩传输js和css文件的方法
- Symfony2安装时欢迎页面CSS混乱的解决方案
- 怎样定位和设计一个弹出框
- 表格内容超出用省略号显示
- CSS3 新特性小结