vue的element-ui(饿了吗UI) webpack打包时externals无法分离

Question

项目是基于vue-cli的多页面网站 因为element-ui被打包进vendor后 vendor变得很大 因此想以script标签的形式引用到html 并在webpack打包时排除element-ui我的webpack配置了externals

externals: {
        moment: 'window.moment',
        jquery: 'window.$',
        'element-ui':'ElementUI'
    },
    

其他moment jquery都已经成功排除 但打包后element-ui依然存在于vendor中 不知道为什么了

Answer 1

代码如下，同时把你 main.js 里的 use 拿掉

externals: {
    'element-ui': 'element-ui'
}

Answer 2

externals: {

'vue': 'Vue',    
'element-ui': 'ELEMENT'

},

Answer 3

我看很多人问这个问题，所以我干脆写了一个demo: 地址
注意是element-ui-cdn 分支
需要操作是: 地址
文档:地址

Answer 4

  externals: {
    'vue':'Vue',
    'element-ui': 'ELEMENT'
  }

应该是这样，注意是'ELEMENT', 且不能只引入ELEMENT, 会报错ELEMEMT is not defined, 还要在前引入Vue