1、项目中用Vue一段时间了,前期的开发部署仍然借助于SpringBoot,没有彻底分离掉。这个阶段我们也封装了一部分基础组件,用于项目开发。
2、为了完全前后端分离,目前前端采用Webpack4+Vue脚手架搭建。
公共组件化的好处私以为一是为了统一风格,二是为了屏蔽Vue升级带来的的差异;
思路为公共组件抽取出来作为单独的npm包进行安装。
做了几件事情:
A:实现按需加载,参考element-ui的做法。
B:多入口打包每一个组件,输出文件名称不能加hash,否则打包后引用组件找不到。
C:package.json中的"private": false
3、打包方式:npm run build->npm pack,打成压缩包,然后拷贝到所需项目的根 目录下(为了配合Jenkins部署),进行安装,npm install 公共组件即可。