减少打包组件vue.config.js——Webpack的externals的使用

文章转自：https://www.cnblogs.com/xbzhu/p/11815197.html

减少打包组件vue.config.js——Webpack的externals的使用

vue.config.js

module.exports = {
    configureWebpack:{
      externals: {
         vue: 'Vue',
         'vue-router':'VueRouter',
         axios: 'axios'
      }
    }
}

在index.html文件中引入CDN

在index.js文件中删除导入的elementui

import Vue from 'vue'
import App from './App.vue'
import router from './router'
//import 'element-ui/lib/theme-chalk/index.css'
//import './plugins/element.js'
import './assets/global.css'
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')