素材巴巴 > 程序开发 >

element-ui制作本地手册,本地127访问的饿了么离线手册制作,做一个没网的环境可以访问的element-ui手册

程序开发 2023-09-10 16:12:05

element-ui手册源码地址:https://github.com/ElemeFE/element/tree/dev
在这里插入图片描述
克隆也好,下载压缩包也罢,下载下来

  1. 安装依赖:
    npm install
     
  2. 运行这个打包命令
    在这里插入图片描述
    npm run deploy:build
     
  3. 打包成功之后看 examples/element-ui
    在这里插入图片描述
    这个文件夹里面的东西是不需要任何的依赖等东西,放到任何一个服务器里面都能跑起来的,相当于 vue、react、angular等打包之后的东西,放到想要运行的服务器地址就能运行起来,

可以本地提前装一个 nginx ,apache 或者启动一个 nodejs server ,把刚才打包好的文件放项目访问目录就可以了,element-ui相当于 vue 打包之后的 dist ,如果不知道怎么部署,看这里【vue-cli webpack 项目打包后如何运行】

这里的打包配置文件运行的是:build/webpack.demo.js
在这里插入图片描述
在这里插入图片描述
情况二、如果不是放的根目录,可以修改 publicPath 后面的值为 ‘./’ 点斜杠,意思就是相对路径查找资源的意思
在这里插入图片描述
情况三、想指定目录,比如指定放到服务器根目录下边的 element-ui 目录下,访问的时候用 127.0.0.1:3000//element-ui 访问手册,看如何修改:
在这里插入图片描述
打包的时候将 publicPath 修改为想要放的服务器根目录就可以了,我这儿断网使用本地 nodejs server 试一下访问效果:
在这里插入图片描述
我把打包之后的东西放这儿了,启动 nodejs 本地服务
在这里插入图片描述
断网访问:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

如果不想自己动手的,我也上传到了我的资源里面的,上传的时候设置的是 0 C币
https://download.csdn.net/download/qq_38652871/12718489【去下载】
给一个 nginx1.18.0 稳定版下载地址:http://nginx.org/download/nginx-1.18.0.zip
自行下载 nginx http://nginx.org/en/download.html


标签:

上一篇: 前端的响应式布局 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。