本地化部署Echarts官网

针对内网开发环境无法访问 ECharts 官网的难题本文提供了一种实用的解决方案在本地完整部署 ECharts 站点。这能确保你在任何网络条件下都能随时查阅 API 文档、参考在线示例极大地提升内网开发效率。目前有两个方法第一种方法从多个echarts的子仓库打包到 echarts-website 仓库下具体的操作步骤 请看 https://blog.csdn.net/qq_57229245/article/details/148032287本文介绍第二种方法使用替换的方法达到在任何端口都可以起服务一资源获取echarts-websitegit clone https://github.com/apache/echarts-website.git代码比较大可能会克隆失败也可以直接git仓库下载压缩包解压后放在项目根目录下。二项目修改问题1启动服务之后自动跳转到https://echarts.apache.org/修改 https://echarts.apache.org/ 替换 ///echarts.apache.org/zh 替换 /zh//echarts.apache.org/en 替换 /en问题2跟和echarts网站不同的情况下底部有提醒想要去除 搜索document.getElementById(apache-banner)把后面的block 修改none问题3使用手册修改本地加载点击名称之后样式错乱。1.//echarts.apache.org/ 替换成空字符串2.由于之前批量替换导致的需要修改成绝对地址/使用手册点击之后的会有访问不到修改绝对地址修改成绝对地址问题4:案例还是指向官网地址1.修改 window.EC_WWW_CDN_PAY_ROOT https://echarts.apache.org; 修改成window.EC_WWW_CDN_PAY_ROOT ;修改 window.EC_WWW_CDN_PAY_ROOT https://echarts.apache.org; 修改成window.EC_WWW_CDN_PAY_ROOT ;问题5:指向可能是英文网页lang lang.indexOf(zh) -1 ? zh : en;替换成 lang zh ;三、项目减少体积上面步骤完成之后体积还是很大1.44GB减少一直体积到450MB左右删除以下内容1.英文文档带有en的文件夹2.V4文档3.批量压缩图片、视频体积4.examples\data\asset\data\gps 和 \examples\data\asset\data\links-ny 数据减少四项目测试比较简单的方法是使用 node 的 http-server 包来测试全局安装 http-servernpm i http-server -g启动服务-p 指定端口-o 自动打开浏览器http-server -p 3000 -o