vue使用cdn引入vue和element-ui

#vue使用cdn引入vue和element-ui

 // 1、在index.html文件写入
 

  
    
    
    
          
  
  
    
    
    

    
  

// 2、 在main.js注释导入的vue和element包
// 3、webpack.base.conf.js -> 加上代码
module.exports = {
  context: path.resolve(__dirname, "../"),
  entry: {
    // app: "./src/main.js"
    app: ["babel-polyfill", "./src/main.js"]
  },
  // 外部引入资源配置
  externals: {
    vue: "Vue",
    "element-ui": "ELEMENT" // element-ui：包名，ELEMENT：全局需要使用的变量名
  },
}
 

# element-ui 关于使用cdn引入方式报错 ReferenceError: Message is not defined解决方案：

// ELEMENT 全局配置的变量名
ELEMENT.Message({
  message: res.data.msg,
  type: "error",
  duration: 5000
});