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会报错,必须同时从外部加载VueVue-Cli 4.0 CDN方式使用view-design (iview4)

 

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);

上一篇:git 基本使用


下一篇:Vue脚手架(vue-cli)搭建和目录结构