鍍金池/ 問(wèn)答/HTML/ vue中cdn引入element-ui 如何在其他js中引入element-ui

vue中cdn引入element-ui 如何在其他js中引入element-ui

vue-cli

在index.html中采用 cdn 引入 element

<link rel="stylesheet" >
<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
<script src="https://cdn.bootcss.com/vue-i18n/7.6.0/vue-i18n.min.js"></script>
<script src="https://unpkg.com/element-ui@2.3.7/lib/index.js"></script>

webpack.base.conf.js 中代碼如下

externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'axios': 'axios',
    'element-ui': 'element-ui',
    'i18n': 'i18n',
},

現(xiàn)在想在自己寫的js中使用element組件該怎么引用

import {Message} from 'element-ui'
Message(123);

這樣用Message會(huì)報(bào)external "element-ui"?c60b:1 Uncaught ReferenceError: element is not defined錯(cuò)誤

謝謝

回答
編輯回答
扯不斷

cdn 版本的 element-ui 設(shè)置的全局變量是 ELEMENT

externals: {
  'element-ui': 'ELEMENT',
}
2018年1月19日 20:30
編輯回答
悶油瓶

webpack.base.conf.js

externals:{

'vue': 'Vue',
'vue-router': 'VueRouter',
'axios':'axios',
'element-ui': 'ELEMENT'

},

//你要用的js
ELEMENT.Message({

showClose: true,
message: response.data.msg,
type: "error"

});

2017年3月22日 08:37
編輯回答
朕略萌

使用cdn引入vue 和 element-ui 后，main.js中應(yīng)該是什么樣？

2018年5月17日 04:15
編輯回答
款爺

您好，為什么這樣改完之后還是會(huì)報(bào)錯(cuò)呢？

ELEMENT is not defined
2017年5月5日 17:21
編輯回答
萌小萌

請(qǐng)問(wèn)一下，在externals中定義的都會(huì)報(bào)undefined，是需要在webpack.base.conf.js引入定義的那些嗎？

2018年3月16日 19:20
編輯回答
愿如初

請(qǐng)問(wèn)大佬解決了嗎

2018年5月13日 21:15
編輯回答
來(lái)守候
 externals: {
    vue: 'Vue',
    'element': 'element-ui'
  },
2018年7月12日 09:46