1、在webpack.base.conf.js中配置
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: './src/main.js'
},
externals: {
'vue': 'Vue',
"element-ui": "ELEMENT",
"vue-router": "VueRouter",
"vuex": "Vuex",
"qs": "qs",
"axios": "axios",
"jquery": "$",
},
// 这里需要将vue和vue-router公开出去,供全局使用,这里小写的(即冒号左边的)vue和vue-router是我们引入资源时对应的名字,冒号右面的是由库的主人暴露出来的全局方法名
output: {}
2、在index.html中body元素中通过CDN添加相应的js文件(CDN地址:https://www.bootcdn.cn/)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.
通过webpack之externals配置减少打包vendor体积
最新推荐文章于 2023-11-21 15:40:29 发布