你的位置:首页 > 软件开发 > Java > grunt学习

grunt学习

发布时间:2016-06-14 15:00:07
有些时候,项目中的静态资源,比如图片占用的文件有点大,影响加载的速度,所以会选择grunt对其进行压缩打包。对于grunt其他的用法,还在继续学习中,先记录下关于grunt的一些学习。grunt是一套基于Node.js的命令行工具,所以先确保环境中已安装好了Node环境。接着安装 ...

grunt学习

有些时候,项目中的静态资源,比如图片占用的文件有点大,影响加载的速度,所以会选择grunt对其进行压缩打包。对于grunt其他的用法,还在继续学习中,先记录下关于grunt的一些学习。

grunt是一套基于Node.js的命令行工具,所以先确保环境中已安装好了Node环境。

接着安装grunt,如下:

1、安装CLI

CLI是grunt命令行,先将其安装到全局环境中。点击开始->运行->cmd,执行以下命令进行安装:

npm install -g grunt-cli

grunt学习

安装一次即可,以后就可以在任何项目的子目录下运行grunt,执行grunt命令。

2、配置package.json和Gruntfile文件  

这两份文件需要添加在项目里的,且要在同一个目录下。如tool文件所示。

grunt学习

以压缩css文件下的style.css、images文件、js文件下的flex.js为例:

① package.json

用于存储项目的元数据,在此文件中列出项目依赖的grunt和Grunt插件,即Gruntfile.js中定义的任务,放置于devDependencies配置段内。

{ "name": "demo", "version": "1.0.0", "description": "", "license": "ISC", "devDependencies": {  "grunt": "^0.4.5",  "grunt-autoprefixer": "^3.0.4",  "grunt-contrib-cssmin": "^1.0.1",  "grunt-contrib-imagemin": "^1.0.0",  "grunt-contrib-uglify": "^0.11.1" }}

原标题:grunt学习

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录