vue禁止三方库打包到bundle中
# 添加配置项
// vue.config.js ——————vue-cli3.0
module.exports = {
chainWebpack: (config) => {
// 定义外部资源项，配置的资源不会进行打包
config.externals({
'vue': 'Vue',
'vuex': 'Vuex',
'vue-router': 'VueRouter',
'axios': 'axios',
'echarts': 'echarts',
})
},
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 引入外部资源
// index.html
// 在index.html中引入上一步配置的外部资源，这里使用bootcdn也可以使用其它源
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vuex/3.1.0/vuex.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script>
1
2
3
4
5
6
7
2
3
4
5
6
7
上次更新: 2025/09/05, 8:09:00