ElementUI官方的访问速度一直很慢,公司内网也无法进行外网访问。故研究了下最新的ElementUI API(2.13.2)部署教程。

先上效果图

ElementUI文档部署过程

  1. 到github下载最新的elementui源码,这里我使用git下载到本地
git clone https://github.com/ElemeFE/element.git
  1. 下载之后到element目录下安装依赖
npm install
  1. 分析了下目录发现element的文档源码在examples目录下

4. 再分析了下package.json,发现配置webpack.demo.js进行编译examples文档

"deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo element.eleme.io>>examples/element-ui/CNAME"
  1. 最后使用npm执行下面命令即可以编译examples下文档源码
npm run deploy:build
  1. 编译成功,在浏览器运行发现examples下的index.tpl引用了许多外网的js、css、svg资源

  1. 内网部署第三方资源肯定访问不到,因此我手动把examples/index.tpl引用的第三方下载下来,下载下来的资源。并且把index.tpl改成相对于服务器的路径引用引用。

  1. 最后把所有文件部署在nginx上面,这里我拿windows nginx举例放在html的目录下即可。

    以上就是ElementUI最新API文档的部署过程,如果对你帮助的话,点赞、评论、转发三连。

    更多资源与第一手博客,请关注公众号:程序员众推,获取。


asp.net 安装element ui_不用上官网,自己部署一套Element官方最新文档相关推荐

  1. asp.net 安装element ui_Vue组件库系列三:打造属于自己的 UI 库文档(新版本的方案)...

    上一章介绍了element-ui老版本中md文档构建过程,如果大家认真看了,就会发现在.md文档中还是有一些重复的部分,怎样使文档看着更加简洁,操作更加方便,饿了么团队下了很大的力气做了探索,现在我们 ...

  2. Ubuntu系统 不使用snap安装firefox,使用firefox官网下载的安装包安装firefox

    Ubuntu系统 不使用snap安装firefox,使用firefox官网下载的安装包安装firefox 一.源起 二.寻找原因记录(之前卸载snap的原因!!,本节主要说snap的事,装firefo ...

  3. Django打造大型企业官网-项目部署

    Django打造大型企业官网-项目部署 一.准备工作 1.在开发机上的准备工作 1)确认项目没有bug. 2)打开终端,进入虚拟环境,再 cd 到项目根目录下,执行命令:pip freeze > ...

  4. mac 无法启动linux系统安装,苹果官方技术文档显示新款Mac Mini不能安装Linux系统...

    原标题:苹果官方技术文档显示新款Mac Mini不能安装Linux系统 在10月底召开的新品发布会上,包括Mac Mini在内的新硬件上都装备了苹果T2安全芯片.作为Secure Enclave协处理 ...

  5. 基于JAVA政府采购线上招投标平台计算机毕业设计源码+系统+数据库+lw文档+部署

    基于JAVA政府采购线上招投标平台计算机毕业设计源码+系统+数据库+lw文档+部署 基于JAVA政府采购线上招投标平台计算机毕业设计源码+系统+数据库+lw文档+部署 本源码技术栈: 项目架构:B/S ...

  6. 从ST官网获取标准外设库以及官方例程

    从ST官网获取标准外设库以及官方例程 1.登录ST官网: stmicroelectronics官方网站-Home,如下: 2.选择①Products(产品)--②Microcontrollers&am ...

  7. jQuery图片批量上传插件源码,支持批量上传、预览、删除、放大,可配置上传数量、上传大小、追加方式,含详细使用文档

    jQuery图片批量上传插件源码,支持批量上传.预览.删除.放大,可配置上传数量.上传大小.追加方式,含详细使用文档 程序包内含使用Demo 完整程序源代码:jQuery图片批量上传插件源码 上传前 ...

  8. java计算机毕业设计线上投保的设计源码+系统+mysql数据库+lw文档+部署

    java计算机毕业设计线上投保的设计源码+系统+mysql数据库+lw文档+部署 java计算机毕业设计线上投保的设计源码+系统+mysql数据库+lw文档+部署 本源码技术栈: 项目架构:B/S架构 ...

  9. java计算机毕业设计线上甜品店售卖系统源码+系统+数据库+lw文档

    java计算机毕业设计线上甜品店售卖系统源码+系统+数据库+lw文档 java计算机毕业设计线上甜品店售卖系统源码+系统+数据库+lw文档 本源码技术栈: 项目架构:B/S架构 开发语言:Java语言 ...

最新文章

  1. ADB常用命令简洁版整理
  2. DeepMind的新强化学习系统是迈向通用AI的下一步吗?
  3. python 基础 7.6 sys 模块
  4. 坐在宝座上圣洁羔羊 男声N重唱
  5. Source Code Collection for Reproducible Research
  6. 图像处理理论(四)——HOG, Haar, ISP
  7. SpringBoot 2.x 集成 Redis
  8. C# 对接微信支付时生成符合 RFC3339 标准的日期时间字符串
  9. OrchardCore实现模块化核心原理分析
  10. flex 学习篇 ---- 导航类容器
  11. Ninject学习笔记三
  12. yuv420(planer) to bgr24 to bmp
  13. 状态模式java 在线投票_Java 状态模式
  14. Zookeeper3.4.10使用Curator
  15. 勒索病毒在线解密网站汇总
  16. OpenJudge NOI题库 入门 116题 (一)
  17. Linux下的sock_stream和sock_dgram
  18. u盘重装系统详细教程
  19. uniapp ios原生插件开发之插件包格式(package.json)
  20. 现有边缘检测技术和 方法

热门文章

  1. 如何暂停一个正在运行的线程?
  2. Oracle做ip连接限制
  3. ajax 错误信息error,jquery ajax的error错误信息
  4. linux 密码复杂度,用PAM 搞定Linux 平台密码复杂度问题
  5. json 微信小程序 筛选_微信小程序学习记录
  6. linux安全pdf,linux系统安全加固.pdf
  7. influxdb mysql对比_InfluxDB读写性能测试
  8. 广东省2021年普通高考成绩复查结果查询,广东省2021年普通高考英语听说考试成绩可以查询啦!...
  9. js fn无法访问,不报错
  10. 如何给SAP Cloud Connector Region列表中添加新的Region