今天稍有一点空,就想用GruntJS来部署替代ant,来实现前端项目自动化部署;在安装及使用过程中,感觉真是不一般的享受;下面我来介绍下安装过程及简单应用,与大家分享;
工具/原料
1
GruntJS
2
mac 10.10
3
sublime
方法/步骤
1
安装Gruntjs ,像普通的安装软件一样。sudo npm install -g grunt-cli 哈哈,So easy。
2
项目中使用Gruntjs:新建文件夹testgrunt,并进入到项目文件夹中;配置package.json,不清楚的直接Enter略过;
3
新建Gruntfile.js,参照官网有模板;initConfig中配置了uglify(压缩),concat(合并)的插件;loadNpmTasks 加载插件registerTask 环境配置,登记任务
4
安装插件:concat uglify jshint终端执行npm install 自动安装在项目插件包位置node_modules
5
运行环境grunt 对应的配置grunt default根据不同的环境执行不同命令
7
dist 是打包后的文件夹,示例中,我只做了js的处理;所以只有一个和项目名一致的testgrunt.min.js
注意事项
1
本篇系im森林之王依照真实经历原创,未经许可,谢绝转载
2
如果你觉得对你有所帮助,投个票吧,谢谢!!
上一篇:php抓取页面部分内容
下一篇:玛瑙首饰的保养小技巧