解决vue项目中引入element-ui第三方库导致项目打包造成vender.js文件过大问题的

一、vender.js文件过大问题项目中使用了element-uivendor.sj文件越小也就意味着首屏的速度越快，为了让vue项目首屏速度变快，在使用了路由懒加载。项目打包后发现我当时的表情谁：黑人??? WTF最后发现是element-ui的锅解决方法：一共三步1.修改webpack.base.conf.js表示不需要webpack打包的文件2.修改main....

poorpenguin

4549人浏览 · 2019-01-02 14:06:13

poorpenguin · 2019-01-02 14:06:13 发布

一、vender.js文件过大问题

项目中使用了element-ui

vendor.sj文件越小也就意味着首屏的速度越快，为了让vue项目首屏速度变快，在使用了路由懒加载。
项目打包后发现
在这里插入图片描述

我当时的表情谁：黑人??? WTF

最后发现是element-ui的锅

解决方法：
一共三步

1.修改webpack.base.conf.js

在这里插入图片描述
表示不需要webpack打包的文件

2.修改main.js

注释掉引入相应的第三方库
在这里插入图片描述

3.修改index.html

注意，一定要锁版本，使用@来指定引入第三方js的版本
在这里插入图片描述

再打包查看
在这里插入图片描述

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}$/, //不连续的两位字母// /^