如何直接获取element-plus/dist/index.css的文件内容

来源:5-18 方案落地:处理 element-plus 主题变更

zdasdf134

2022-07-09

老师您好,想问下如何直接获取element-plus内部样式内容,如图:

http://img.mukewang.com/szimg/62c8cc120935f5db05960248.jpg

我现在这样写没法直接获取内部样式,想直接获取样式的原因是:

  1. 减少网络请求和网络流量,直接加载项目本地样式页面加载会快些,也不用考虑element-plus版本问题。

  2. 公司项目只有内网,没有外网。无法获取外部样式。

我能想到的是FlieReader读取element-plus/dist/index.css,但是会很麻烦,有没有更简单的方式获取本地项目里的element-plus内部样式?希望给一些代码实现过程,谢谢老师。

图2:

http://img.mukewang.com/szimg/62c9a66709537d6511590490.jpg

写回答

2回答

johnny_2008

2023-05-10

直接把 elememt-plus 的 index.css 文件放到根目录下的 public 文件,把请求的 url 的地址替换成 '/index.css' 就解决内网的问题了,只是有个小问题,如果 index.css 官网有更新,自己还需要手动更新下这个文件

1
0

Sunday

2022-07-09

你好

想要获取 element-plus 的样式,无非就是两种方式:

  1. 通过网络获取

  2. 通过打包的 css 获取

如果你们是内网的话,那么还是两个方案:

  1. 内网设置一个服务,专门提供 element-plus 的 css 样式

  2. 就是你的这样方式,打包的时候打包进来 对应的 css 然后在获取。

0
3
johnny_2008
回复
Sunday
看我的回复
2022-07-17
共3条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1687 问题

查看课程