vue腳手架生成的項目以cdn方式引入依賴庫

 

 vue.config.js中需要這樣配置

module.exports = {
    configureWebpack: {
        externals: {
            'vue':'Vue',
            'element-ui': 'ELEMENT',
            'vue-router': 'VueRouter',
            'vuex': 'Vuex',
            'axios': 'axios'
        },
    }
}
其中尤其要注意的是'element-ui': 'ELEMENT',記得ELEMENT而不是ElementUI，這樣在你的js文件中就可以這樣引入組件了例如：import {Message} from 'element-ui'