Vue-Cli 4.0 CDN方式使用view-design (iview4)
2021/10/29 23:41:11
本文主要是介绍Vue-Cli 4.0 CDN方式使用view-design (iview4),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
使用CDN方式加载view-design可明显减小 chunk-vendors.js 文件尺寸,提高页面加载速度。
配置方法如下:
1. 在vue.config.js里增加 configureWebpack,表示Vue和view-design从外部CDN加载。
configureWebpack: { externals: { vue:"Vue", "view-design": "iview" } },
注意:不能仅从外部加载view-design会报错,必须同时从外部加载Vue
2.在public/index.html增加引用
<script src="https://unpkg.com/vue@2.6.12/dist/vue.min.js"></script> <link rel="stylesheet" href="//unpkg.com/view-design/dist/styles/iview.css"> <script src="//unpkg.com/view-design/dist/iview.min.js"></script>
其他配置不用动,main.js里仍需保持
import ViewUI from 'view-design' Vue.use(ViewUI);
这篇关于Vue-Cli 4.0 CDN方式使用view-design (iview4)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar