vue webpack中elementui使用cdn引入
vue webpack中elementui使用cdn引入现在webpack4打包有splitChunks可以将第三方包分块,如果是webpack3用cdn可以减小vendor.js的大小;index.html需要先引入vue,再引入elementui<body><script src="https://cdn.bootcss.com/vue/2.6.1...
·
vue webpack中elementui使用cdn引入
现在webpack4打包有splitChunks可以将第三方包分块,如果是webpack3用cdn可以减小vendor.js的大小;
- index.html
需要先引入vue,再引入elementui
<head>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
...
</head>
...
<body>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcss.com/element-ui/2.3.3/index.js"></script>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
- webpack.base.conf.js
网上有说 ‘element-ui’ 的value需要改成ELEMENT, 不过试了一下,好像两种都行;
...
externals: {
'vue': 'Vue',
// 'element-ui': 'ElEMENT',
'element-ui': 'ElementUI',
}
...
- main.js
在入口文件里,vue还是照样import , elementui不用import可以直接使用,这样打包出来的vendor.js就小很多了;
import Vue from 'vue'
// import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css'
// Vue.use(ElementUI)
示例项目 https://github.com/Zillionnn/vue-cdn.git
更多推荐
已为社区贡献2条内容
所有评论(0)