不⽤再上官⽹,⾃⼰部署⼀套ElementUI官⽅最新⽂档
ElementUI官⽅的访问速度⼀直很慢,公司内⽹也⽆法进⾏外⽹访问。故研究了下最新的ElementUI API(2.13.2)部署教程。
先上效果图
web下载官方下载
ElementUI⽂档部署过程
到github下载最新的elementui源码,这⾥我使⽤git下载到本地
git clone github/ElemeFE/element.git
下载之后到element⽬录下安装依赖
npm install
分析了下⽬录发现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"最后使⽤npm执⾏下⾯命令即可以编译examples下⽂档源码
npm run deploy:build
编译成功,在浏览器运⾏发现examples下的index.tpl引⽤了许多外⽹的js、css、svg资源
内⽹部署第三⽅资源肯定访问不到,因此我⼿动把examples/index.tpl引⽤的第三⽅下载下来,下载下来的资源。并且把index.tpl改成相对于服务器的路径引⽤引⽤。
最后把所有⽂件部署在nginx上⾯,这⾥我拿windows nginx举例放在html的⽬录下即可。
以上就是ElementUI最新API⽂档的部署过程,如果对你帮助的话,点赞、评论、转发三连
更多资源与第⼀⼿博客,请关注:程序员众推,获取。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。