(⼀)将elementUI官⽅⽂档部署到本地
另外elementUI的官⽹好像中毒了⼀样,vue版本的⽂档完全被⼴告遮挡了,这是官⽹要和代码⼀起停⽌维护的节奏吗?(有些可惜了,傻鱼使⽤elementUI的体验还是很不错的。>_<)
由于傻鱼⼯作中使⽤的UI库主要是element,看不了官⽅⽂档真⼼不⽅便,于是打算把官⽹部署到本地环境。
过程很简单
⾸先下载⼀份源码:官⽅仓库(),elementui的源码中包含了elementui官⽅⽂档的源码
本地安装运⾏()
然后分析package.json中的指令。。。⾥⾯的指令很多,我们以后逐个分析。
到dev指令,看到执⾏内容为:
"dev": "npm run bootstrap && npm run build:file && cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js & node build/bin/template.js",
dev⼲了很多事,我们先只看 webpack-dev-server启动的哪个配置⽂件,webpack.demo.js,看⼀下这个配置⽂件内容
本地运⾏的⼊⼝⽂件是 examples/entry.js  ,事实上这个⽂件正式⽂档部分源码的⼊⼝⽂件(example⽬录下是官⽅⽂档源码)
启动端⼝8085
本地启动结果如下图
web下载官方下载现在问题来了
我们可以本地启动官⽅⽂档,那怎样把官⽅⽂档打包,部署到我们的本地的Nginx上呢?
package.json⾥当然已经有这条指令了
"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",配置⽂件还是webpack.demo.js,看看它将我们的官⽹打包到哪⾥了
在examples⽂件夹下会⽣产⼀个element-ui⽂件夹。。。
看来这就是我们的官⽹了,将这个⽂件夹放到Nginx上试⼀下。
结果如下:
到此,我们已经把elementui的官⽅⽂档部署到了我们本地。