Pulsar Management Vue2+Webpack4改造成Vue3+Vite

Pulsar Management Vue2+Webpack4改造成Vue3+Vite

  • 背景
  • 问题点
    • 初步改造--仍旧使用webpack4(未解决--已放弃)
      • 1.package.json文件改造
      • 2.webpack.config+babel改造
    • 进阶改造(替换成Vite方案)
      • 1.package.json修改
      • 2.main.js的修改
      • 3.添加vite.config.js配置

背景

为了方便用户不用记录多个地址,分别去访问不同的系统,计划开发Admin Tool系统, 使用微服务(Wujie)的方式集成项目任何需要集成的应用,实现一个系统入口,可查看所有系统功能,目前已集成Sprint Boot Admin、Pulsar、Nacos。

问题点

由于本地启动时想要通过使用pnpm install的方式直接对所有子应用进行依赖下载,目前pulsar项目使用vue2,导致下载的vue版本与其他系统冲突(其余系统都是vue 3.x),造成pulsar项目必须使用npm install后,再启动。
解决方案:
1.新增了个task install-all
2.通过自定义脚本,逐个文件夹单独install
3.到pulsar management项目时,先进行node版本切换到v14.x,再执行npm install
问题点:
1.环境安装步骤不友好:针对windows、mac需要安装nvm进行切换
2.自动化部署不够友好:公司计划采用自动CI/CD的方式打包部署,针对该项目需要单独调整install以及打包命令

初步改造–仍旧使用webpack4(未解决–已放弃)

1.package.json文件改造

由于原先使用的是webpack,先尝试不替换打包工具,仅升级包,以下是替换的包

你可能感兴趣的:(前端,vue,重构,webpack,前端框架)