vue项目使用cdn

webpack构建vue项目，使用cdn的方法：

在vue.config.js中添加如下配置（复制后直接放在exports对象中）

configureWebpack:{
    externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter',
        'axios': 'axios',
        // 'element-ui': 'ElementUI',
    }
},

在Index.html中引入cdn依赖，

  
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

cnd引入的依赖，在项目中该怎么使用还是怎么使用，与npm安装的用法一样。

打包的时候就会发现包体积变小了

吐槽一下：element-ui的cdn巨慢