element-ui在webpack里怎样才能不被打包

发布于
2017-02-01

项目中这样写是过得好好的：
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)

但这样写的话webpack -p生成出来的文件比较大，而且没次编译都较慢，所以现在想把vue和element-ui用script的方式引入，那样可以避开文件体积大和编译慢的问题了，webpack上这样改了一下：
externals: {

    'vue': 'Vue',    
    'element-ui': 'ElementUI'
},

这样生成出来的文件不包含vue和element-ui了，但页面却运行出错：
ElementUI is not defined

请问怎样解决呢？

element-ui webpack

阅读 15.7k

7 个回答

得票最新

BrianXie

7914

发布于
2018-05-16

externals: {

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

},
请作如上修改，

查看全部 7 个回答

推荐问题

Vue项目devServer proxy配置不生效的排查方法？
可能是哪里配错了，但我看不出问题，希望有人能指出ps：之前看到有帖子说vue2该配置项名为proxyTable，还有devServer应为dev，这两个我都试过了，前者提示没有该配置项
3 回答1.4k 阅读✓ 已解决
webpack reack 老项目升级输出报错？
webpack1.0 直接升到 webpack5.0 各种依赖冲突，已经根据报错提示一个一个慢慢升级完了。在1.0的时候虽然很慢，但是能运行起来的，所以业务逻辑代码肯定是没问题么也动过。现在升级完依赖，改完webpack配置 npm run start 项目启动报错如下：
2 回答1.2k 阅读✓ 已解决
如何在Element-UI的el-image-viewer组件预览图片上添加文字？
如何在通过Element-ul的 el-image-viewer组件实现的预览的图片上添加文字，例如下面这种效果尝试在组件上添加div但是没有效果 {代码...} 补充问题：页面上通过this.$openPreview 传递图片数据改写：页面上preview.jsmypreview.vueMyImage.vueMyImageViewer.vue当前页面：
2 回答987 阅读✓ 已解决
webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？
webpack的splitchunk的cachegroup如果配置了的话，会和external冲突吗，比如引入了axios和lodash，在cachegroup里面配置了，然后同时在external里面配置，会优先取哪个呢
1 回答1.4k 阅读✓ 已解决
webpack 老项目升级，报错排查？
报错信息： {代码...} webpack 全文： {代码...} package.json 全文如下： {代码...} 且已经删除依赖包，清除缓存重新安装过了，.babelrc 配置如下： {代码...} 根据文心一言，chatGPT，通义千问来回改的就是这三个文件，但这个错误始终存在。。。。。请教大佬，到底是哪里的问题？
1 回答1.3k 阅读✓ 已解决
vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。该如何解决？
vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。但是我删掉pdf文件他就不报错了，但是项目别的地方需要...引用：
1 回答1.3k 阅读✓ 已解决
elementui校验不起作用，哪里出错了？
我用ai生成了前端代码，要求字段都要校验，但不起作用。请问前端大佬们，哪里出错了？ {代码...}
3 回答1.1k 阅读

element-ui在webpack里怎样才能不被打包

Vue项目devServer proxy配置不生效的排查方法？

webpack reack 老项目升级输出报错？

如何在Element-UI的el-image-viewer组件预览图片上添加文字？

webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？

webpack 老项目升级，报错排查？

vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。该如何解决？

elementui校验不起作用，哪里出错了？