电商后台管理系统——通过CDN优化Element UI的打包

一 点睛

虽然在开发阶段,我们启动了element-ui组件的按需加载,尽可能减少了打包的体积,但是那些被按需加载的组件,还是占用了较大的文件体积。此时,我们可以将element-ui的组件,也通过CDN的形式加载,这样能够进一步减小打包后的文件体积。

二 流程

1 在main-prod.js 中,注释掉 element-ui 按需加载的代码。

//import './plugins/element.js'

2 在 index.html 的头部区域,通过 CDN 加载 element-ui 的js和css样式。

<!-- 链接也可以在官方文档获取 -->
<!-- element-ui 的样式表文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.8.2/theme-chalk/index.css" />
<!-- element-ui 的 js 文件 -->
<script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>

三 测试效果

猜你喜欢

转载自blog.csdn.net/chengqiuming/article/details/108607014