vue CDN加速 vue-cli3 CDN加速配置

1.项目根目录创建 vue.config.js 文件

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

如果vue.config.js 文件存在则添加 configureWebpack->externals项

2.package.json 文件删除 vue,vue-router,element-ui 的配置内容
vue CDN加速 vue-cli3 CDN加速配置_第1张图片

3:public 目录下的index.html 添加cdn引入

    <!-- cdn 引入样式 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.12.0/theme-chalk/index.css">
    <!-- cnd 引入组件库 -->
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.min.js"></script>
    <script src="https://cdn.bootcss.com/element-ui/2.12.0/index.js"></script>

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

你可能感兴趣的:(vue CDN加速 vue-cli3 CDN加速配置)