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

Question

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

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

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

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

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

图2：

Answer 1

johnny_2008 2023-05-10 14:36:00

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

Answer 2

Sunday 2022-07-09 21:33:39

你好

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

1. 通过网络获取

2. 通过打包的 css 获取

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

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

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

• 提问者 zdasdf134 #1

  我补了个图2，就是感觉既然项目的node_modules里有element-plus的index.css文件，想通过什么方法或插件直接以字符串的格式获取内容。不网络请求，也不打包，只是单纯的读取文件内容。想了几天没有思路。

• Sunday 回复 提问者 zdasdf134 #2

  你可以直接把这个 css 文件，复制放到你项目的 styles 文件夹里面

• johnny_2008 回复 Sunday #3

  看我的回复