多语言展示
当前在线:537今日阅读:23今日分享:25

Mac安装GruntJS及简单示例

今天稍有一点空,就想用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

如果你觉得对你有所帮助,投个票吧,谢谢!!

推荐信息