vue2中,vue-cli进行element-ui打包不放入check-vendor.js,而是单文件组件形式存在,比如el-input-683fb76c.js这种的,完全从check-vendor中抽离出来,而且是懒加载的形式。
也就是说:
如果home.vue组件使用了el-input组件,才会加载这个组件,而按照现在的打包方式,check-vendor会在页面一开始渲染就加载,包也很大,首页优化难做。
所以能不能通过vue-cli的webpack配置完成这个打包,求解
现在对一些组件使用注解魔法:
let dNumber = ()=> import(/* webpackChunkName: "d-Number" */ '@/components/public/d-number');
打包出来的文件名就是d-Number.js,但是不知道怎么抽离element-ui的每一个按需导入的组件,也形成懒加载的形式,或者check-vendor.js其实可以不存在,所有的资源都是懒加载形式
问过一个类似的问题:
可试试在
.env
配置: