elementui java,使用CDN的Vue ElementUI Webpack外部

尝试使用webpack4使用Vue和ElementUI设置项目 . 我想从CDN中提取Vue和ElementUI，所以我在webpack配置下面

module.exports = {

mode: "development",

entry: ["./app.js"],

externals: {

vue: "Vue",

"element-ui": "ElementUI"

},

module: {

rules: [

{

test: /.vue$/,

use: "vue-loader"

},

{

test: /.css$/,

use: ["style-loader", "css-loader"]

},

{

test: /.ttf$|.woff$/,

use: [{ loader: "url-loader", options: { limit: 10000 } }]

}

]

}

};

我的html文件

Document

[v-cloak] {

display: none;

}

我的app.js有root Vue实例

import Vue from "vue";

import ElementUI from "element-ui";

import Counter from "./Counter.vue";

Vue.use(ElementUI);

var app = new Vue({

el: "#root",

render: h => h(Counter)

});

计数器组件如下

export default {

data() {

return {

counter: 0

};

},

methods: {

incement() {

this.counter++;

}

}

};

Count: {{counter}}

Incement

当我在浏览器中打开应用程序时，我得到以下错误

external_“ElementUI”：1未捕获的ReferenceError：在webpack生成的js文件module.exports = ElementUI中，此行未定义ElementUI;

这有什么我想念的吗？ Vue外部工作没有任何问题只有元素UI的问题