??? ElementUI官方的訪問(wèn)速度一直很慢，公司內(nèi)網(wǎng)也無(wú)法進(jìn)行外網(wǎng)訪問(wèn)。故研究了下最新的ElementUI API(2.13.2)部署教程。

先上效果圖

ElementUI文檔部署過(guò)程

到github下載最新的elementui源碼，這里我使用git下載到本地

git?clone?https://github.com/ElemeFE/element.git

下載之后到element目錄下安裝依賴

npm?install

分析了下目錄發(fā)現(xiàn)element的文檔源碼在examples目錄下

4. 再分析了下package.json，發(fā)現(xiàn)配置webpack.demo.js進(jìn)行編譯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執(zhí)行下面命令即可以編譯examples下文檔源碼

npm?run?deploy:build

編譯成功，在瀏覽器運(yùn)行發(fā)現(xiàn)examples下的index.tpl引用了許多外網(wǎng)的js、css、svg資源

內(nèi)網(wǎng)部署第三方資源肯定訪問(wèn)不到，因此我手動(dòng)把examples/index.tpl引用的第三方下載下來(lái)，下載下來(lái)的資源。并且把index.tpl改成相對(duì)于服務(wù)器的路徑引用引用。

最后把所有文件部署在nginx上面，這里我拿windows nginx舉例放在html的目錄下即可。

????以上就是ElementUI最新API文檔的部署過(guò)程，如果對(duì)你幫助的話，點(diǎn)贊、評(píng)論、轉(zhuǎn)發(fā)三連。

????更多資源與第一手博客，請(qǐng)關(guān)注公眾號(hào)：程序員眾推，獲取。

總結(jié)

以上是生活随笔為你收集整理的asp.net 安装element ui_不用上官网，自己部署一套Element官方最新文档的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。