billd-live

简介

主要实现了 vuecli5 的大部分功能

• 基于 vue3 + webpack5
• 路由管理：vue-router4.x
• 状态管理：pinia2.x
• css 处理：scss + windicss（可选）
• 代码规范：eslint + prettier

• [x] 项目规范：husky + commitizen + commitlint + lintstaged

• [x] 支持热更新、typescript、路由懒加载

一些相关的配置（如 eslint、windicss、outputStaticUrl 等）暴露在 script/constant.ts 了

安装依赖

更新 billd 依赖：

pnpm i billd-utils@latest billd-scss@latest billd-html-webpack-plugin@latest billd-deploy@latest

pnpm install

项目运行

pnpm run start

script/constant.ts 里的 outputStaticUrl 如果是'/'的话，默认就运行在 http://localhost:8000/，如果 8000 端口被占用了，会自动递增+1 script/constant.ts 里的 outputStaticUrl 如果是'/aaa/'的话，默认就运行在 http://localhost:8000/aaa/，如果 8000 端口被占用了，会自动递增+1

项目启动完成后，终端会打印调试地址，不必担心调试地址是什么~

项目打包

pnpm run build

git 提交

pnpm run cz

内置第三方包

• billd-utils
• billd-scss，已在 sass-loader 里配置了 additionalData: @use 'billd-scss/src/index.scss' as *;
• billd-html-webpack-plugin，已在 webpack 配置里使用了该插件