Grunt打包GMU组件 报错处理

2024-01-15 08:59

本文主要是介绍Grunt打包GMU组件 报错处理,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

莫Q群的大神推荐移动GMU组件,GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件,官网:http://gmu.baidu.com/具有以下特点:

  1. 简单易用

  2. 轻量级

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

  4. 专业稳定

  5. 丰富实用UI组件

  6. 开源免费

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

官网打包下载流程http://gmu.baidu.com/download

 

  1. 安装node.js。
  2. 安装git。window用户请安装msysgit, Linux/Mac用户请安装git命令行工具。
  3. 安装Grunt。  npm install -g grunt-cli
  4. git clone https://github.com/gmuteam/GMU.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 https://github.com/gmuteam/GMU.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

 

 

转载于:https://www.cnblogs.com/xbcq/p/3670265.html

这篇关于Grunt打包GMU组件 报错处理的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/608351

相关文章

Python进行JSON和Excel文件转换处理指南

《Python进行JSON和Excel文件转换处理指南》在数据交换与系统集成中,JSON与Excel是两种极为常见的数据格式,本文将介绍如何使用Python实现将JSON转换为格式化的Excel文件,... 目录将 jsON 导入为格式化 Excel将 Excel 导出为结构化 JSON处理嵌套 JSON:

kkFileView启动报错:报错2003端口占用的问题及解决

《kkFileView启动报错:报错2003端口占用的问题及解决》kkFileView启动报错因office组件2003端口未关闭,解决:查杀占用端口的进程,终止Java进程,使用shutdown.s... 目录原因解决总结kkFileViewjavascript启动报错启动office组件失败,请检查of

Spring Boot 中的默认异常处理机制及执行流程

《SpringBoot中的默认异常处理机制及执行流程》SpringBoot内置BasicErrorController,自动处理异常并生成HTML/JSON响应,支持自定义错误路径、配置及扩展,如... 目录Spring Boot 异常处理机制详解默认错误页面功能自动异常转换机制错误属性配置选项默认错误处理

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束

Olingo分析和实践之OData框架核心组件初始化(关键步骤)

《Olingo分析和实践之OData框架核心组件初始化(关键步骤)》ODataSpringBootService通过初始化OData实例和服务元数据,构建框架核心能力与数据模型结构,实现序列化、URI... 目录概述第一步:OData实例创建1.1 OData.newInstance() 详细分析1.1.1

Java堆转储文件之1.6G大文件处理完整指南

《Java堆转储文件之1.6G大文件处理完整指南》堆转储文件是优化、分析内存消耗的重要工具,:本文主要介绍Java堆转储文件之1.6G大文件处理的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言文件为什么这么大?如何处理这个文件?分析文件内容(推荐)删除文件(如果不需要)查看错误来源如何避

使用Python构建一个高效的日志处理系统

《使用Python构建一个高效的日志处理系统》这篇文章主要为大家详细讲解了如何使用Python开发一个专业的日志分析工具,能够自动化处理、分析和可视化各类日志文件,大幅提升运维效率,需要的可以了解下... 目录环境准备工具功能概述完整代码实现代码深度解析1. 类设计与初始化2. 日志解析核心逻辑3. 文件处

解决1093 - You can‘t specify target table报错问题及原因分析

《解决1093-Youcan‘tspecifytargettable报错问题及原因分析》MySQL1093错误因UPDATE/DELETE语句的FROM子句直接引用目标表或嵌套子查询导致,... 目录报js错原因分析具体原因解决办法方法一:使用临时表方法二:使用JOIN方法三:使用EXISTS示例总结报错原

Java docx4j高效处理Word文档的实战指南

《Javadocx4j高效处理Word文档的实战指南》对于需要在Java应用程序中生成、修改或处理Word文档的开发者来说,docx4j是一个强大而专业的选择,下面我们就来看看docx4j的具体使用... 目录引言一、环境准备与基础配置1.1 Maven依赖配置1.2 初始化测试类二、增强版文档操作示例2.

MyBatis-Plus通用中等、大量数据分批查询和处理方法

《MyBatis-Plus通用中等、大量数据分批查询和处理方法》文章介绍MyBatis-Plus分页查询处理,通过函数式接口与Lambda表达式实现通用逻辑,方法抽象但功能强大,建议扩展分批处理及流式... 目录函数式接口获取分页数据接口数据处理接口通用逻辑工具类使用方法简单查询自定义查询方法总结函数式接口