Vue项目中Webpack打包排除Element-UI

1. webpack.base.conf.js 中 externals部分配置：externals: {'vue': 'Vue','vue-router': 'VueRouter','axios':'axios','element-ui': 'ElementUI',}2. 在 main.js 中去除Vue.use(ElementUI)...

niceLiuSir

11964人浏览 · 2018-07-10 21:09:42

niceLiuSir · 2018-07-10 21:09:42 发布

最近一直在考虑静态文件的处理，因为我的服务器是1M带宽，所以不可能什么js，img之类的静态文件都从我的服务器请求得到，所以应该将图片存到COS或者OSS，然后js可以从CDN拿到，那么怎么样才能够在vue中使用element-ui组件，而且依赖库不被打包进vendor.js呢？

1. webpack.base.conf.js 中 externals部分配置：

externals: {
  'vue': 'Vue',
  'vue-router': 'VueRouter',
  'axios':'axios',
  'element-ui': 'ElementUI',
}

**2. 在 main.js 中去除Vue.use(ElementUI) **
这里写图片描述

感谢您的阅读，欢迎参观我的个人网站：小嗨词典【 https://www.happydict.cn】

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^