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

相关文章

电脑找不到mfc90u.dll文件怎么办? 系统报错mfc90u.dll丢失修复的5种方案

《电脑找不到mfc90u.dll文件怎么办?系统报错mfc90u.dll丢失修复的5种方案》在我们日常使用电脑的过程中,可能会遇到一些软件或系统错误,其中之一就是mfc90u.dll丢失,那么,mf... 在大部分情况下出现我们运行或安装软件,游戏出现提示丢失某些DLL文件或OCX文件的原因可能是原始安装包

电脑显示mfc100u.dll丢失怎么办?系统报错mfc90u.dll丢失5种修复方案

《电脑显示mfc100u.dll丢失怎么办?系统报错mfc90u.dll丢失5种修复方案》最近有不少兄弟反映,电脑突然弹出“mfc100u.dll已加载,但找不到入口点”的错误提示,导致一些程序无法正... 在计算机使用过程中,我们经常会遇到一些错误提示,其中最常见的就是“找不到指定的模块”或“缺少某个DL

解决IDEA报错:编码GBK的不可映射字符问题

《解决IDEA报错:编码GBK的不可映射字符问题》:本文主要介绍解决IDEA报错:编码GBK的不可映射字符问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录IDEA报错:编码GBK的不可映射字符终端软件问题描述原因分析解决方案方法1:将命令改为方法2:右下jav

Java 中的 @SneakyThrows 注解使用方法(简化异常处理的利与弊)

《Java中的@SneakyThrows注解使用方法(简化异常处理的利与弊)》为了简化异常处理,Lombok提供了一个强大的注解@SneakyThrows,本文将详细介绍@SneakyThro... 目录1. @SneakyThrows 简介 1.1 什么是 Lombok?2. @SneakyThrows

MyBatis模糊查询报错:ParserException: not supported.pos 问题解决

《MyBatis模糊查询报错:ParserException:notsupported.pos问题解决》本文主要介绍了MyBatis模糊查询报错:ParserException:notsuppo... 目录问题描述问题根源错误SQL解析逻辑深层原因分析三种解决方案方案一:使用CONCAT函数(推荐)方案二:

在 Spring Boot 中实现异常处理最佳实践

《在SpringBoot中实现异常处理最佳实践》本文介绍如何在SpringBoot中实现异常处理,涵盖核心概念、实现方法、与先前查询的集成、性能分析、常见问题和最佳实践,感兴趣的朋友一起看看吧... 目录一、Spring Boot 异常处理的背景与核心概念1.1 为什么需要异常处理?1.2 Spring B

python处理带有时区的日期和时间数据

《python处理带有时区的日期和时间数据》这篇文章主要为大家详细介绍了如何在Python中使用pytz库处理时区信息,包括获取当前UTC时间,转换为特定时区等,有需要的小伙伴可以参考一下... 目录时区基本信息python datetime使用timezonepandas处理时区数据知识延展时区基本信息

Spring Boot中JSON数值溢出问题从报错到优雅解决办法

《SpringBoot中JSON数值溢出问题从报错到优雅解决办法》:本文主要介绍SpringBoot中JSON数值溢出问题从报错到优雅的解决办法,通过修改字段类型为Long、添加全局异常处理和... 目录一、问题背景:为什么我的接口突然报错了?二、为什么会发生这个错误?1. Java 数据类型的“容量”限制

SpringBoot项目中报错The field screenShot exceeds its maximum permitted size of 1048576 bytes.的问题及解决

《SpringBoot项目中报错ThefieldscreenShotexceedsitsmaximumpermittedsizeof1048576bytes.的问题及解决》这篇文章... 目录项目场景问题描述原因分析解决方案总结项目场景javascript提示:项目相关背景:项目场景:基于Spring

Python Transformers库(NLP处理库)案例代码讲解

《PythonTransformers库(NLP处理库)案例代码讲解》本文介绍transformers库的全面讲解,包含基础知识、高级用法、案例代码及学习路径,内容经过组织,适合不同阶段的学习者,对... 目录一、基础知识1. Transformers 库简介2. 安装与环境配置3. 快速上手示例二、核心模