（一）将elementUI官方文档部署到本地

另外elementUI的官⽹好像中毒了⼀样，vue版本的⽂档完全被⼴告遮挡了，这是官⽹要和代码⼀起停⽌维护的节奏吗？（有些可惜了，傻鱼使⽤elementUI的体验还是很不错的。>_<）

由于傻鱼⼯作中使⽤的UI库主要是element，看不了官⽅⽂档真⼼不⽅便，于是打算把官⽹部署到本地环境。

过程很简单

⾸先下载⼀份源码：官⽅仓库（）,elementui的源码中包含了elementui官⽅⽂档的源码

本地安装运⾏（npm install....）

然后分析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本地启动结果如下图

现在问题来了

我们可以本地启动官⽅⽂档，那怎样把官⽅⽂档打包，部署到我们的本地的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的官⽅⽂档部署到了我们本地。