Grunt打包GMU组件 报错处理

Grunt打包GMU组件 报错处理

莫Q群的大神推荐移动GMU组件，GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件，官网：：

1. 简单易用

2. 轻量级

3. 文档丰富，自定义下载

4. 专业稳定

5. 丰富实用UI组件

6. 开源免费

基础版本中只实现了能通用的部分，而其他可能通用的部分都是通过插件的形式来扩展，需要为GMU组件量身定制了一套基于Grunt的代码合并工具，配置最终需要的js文件即可，其他依赖文件都会自动打包进来

官网打包下载流程

1. 安装node.js。
2. 安装git。window用户请安装msysgit, Linux/Mac用户请安装git命令行工具。
3. 安装Grunt。  npm install -g grunt-cli
4. git clone .git  克隆Git代码到当前目录，正常执行后，当前目录会多出来一个GMU目录。
5. 进入GMU目录 cd GMU
6. npm install, 安装node依赖。
7. grunt dist, 根据配置项，在dist目录中生成合并版本代码, dist/gmu.js, 对应的样式和图片资源也会生成在此目录下。

一二三步骤可以参考 node.js 安装、图文详解  学习笔记--Git安装 创建版本库 图文详解   学习笔记--Gruntjs、安装、图文详解

四、clone GMU

打开git命令窗口，也可以使用cmd，如果cmd执行git报错，需要将git添加到环境变量中。在git下cd进入莫项目，

执行命令： git clone .git  网速快一分钟不到即可clone完毕

再进入GMU目录 cd GMU ，npm安装软件包 npm install 

一开始蛮正常的，到后来报错了

phantomjs 报错，万恶的河蟹...(此处省略n字)，找了个vpn代理，删掉刚刚git的GMU整个目录（第一次没删除，npm install 执行时报错，不得已整个删除GMU目录），再次使用git命令取得GMU目录，再次安装包，这次phantomjs成功了

最终npm install 成功

关键时候到了，执行 grunt dist 漫长等待，终于成功了

查看根gmu目录，多了dist目录了里面有js css images

如果需要配置其他的组件，需要修改Gruntfile.js配置文件，组件功能介绍官网有API

转载于:.html