javascript - 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'
}