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

问题描述

问 题

项目是基于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中 不知道为什么了

解决方案

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

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

这篇关于javascript - vue的element-ui(饿了吗UI) webpack打包时externals无法分离的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！