如何将element-ui源码部署到自己的网站
前端的开发人员应该很清楚,element-ui是一个开源的前端组件库,目前三大框架vue,react.angular都有对应的组件库。使用最多的还是vue框架。
element-ui代码开源在github,中国境内的网络访问github不是很流畅,会不时出现打不开的情况,所以对于中国的用户来说就会有一些不方便,还有些时候一些公司会区分内网外网,内网环境只能访问公司内网的一些业务网站和一些日常必要系统,即使是外网也只能是有限的访问,像一些聊天、新闻都是打不开的,对于一些金融公司或者银行来说,在安全方面会有一些额外的投入来保障公司的数据安全。
那么对于开源的element-ui来说,是可以将源码部署到自己的网站或者公司的内网的,可以更方便的访问。
具体步骤如下:
下载源码
如果从github直接下载代码很慢,可以先到gitee 码云新建一个自己的仓库,然后到设置里面可以同步github源码,只需要填入github项目地址即可。
安装依赖
npm I,如果安装比较慢可以使用淘宝镜像(npm config set registry https://registry.npm.taobao.org)
执行npm run deploy:build 命令
执行该命令后,不出意外应该能在examples目录下生成一个element-ui目录,这个目录就是跟element-ui官网一样文档了,只要把这个文件夹下面的文件上传到自己的网站就可以访问了,当然本地自己打开index.html也是可以的。
至此已经能实现将源码部署到自己的网站或者本地了,但是还是有一个问题,就是在线编辑主题的功能是不能用的,因为该功能默认是调element-ui官网的接口获取的对应版本的样式配置,对于本地部署来说我们无法拿到这个接口的数据也无法自行实现这个功能 ,这个有待element-ui胡开源了。
发表评论 (审核通过后显示评论):