jiandan1127的博客

1. 批量导出组件// 文件地址 @/base-ui/index.js// 导入组件const files = require.context("@/base-ui", true, /\.vue$/);const modules = importComponents(files);const install = (Vue) => { Object.keys(modules).map((component) => { modules[component].name &

批量导出组件// 文件地址 /base-ui/index.tsimport { App } from 'vue'// 引入全部const modulesFiles = import.meta.globEager('/src/base-ui/**/*.vue')const globalResult = Object.keys(modulesFiles).filter((_: any) => _)const install = (app: App) => { globalRes.

1. 步骤先去除冗余代码增加提交规范新增路由权限逻辑, 左侧菜单也要加入鉴权逻辑(跳转两种情况,无权访问和页面不存在, 权限标识加到meta里面,includes判断)环境变量配置 title信息升级vue-router, 配置全局组件, icon等打包环境移除console注入时间和版本信息2.细节优化package.json 脚本优化 "serve": "vue-cli-service serve", // 加yarn install "serve": "yarn inst

1. husky 是什么husky 是一个 Git Hook 工具。本文主要实现提交前 eslint 校验和 commit 信息的规范校验简单说就是,当我们运行 git commmit -m ‘xxx’ 时，用来检查 xxx 是否满足固定格式的工具使用这个工具要实现什么目的, 通过提交记录一目了然,我们本次提交了做了哪些操作,便于后续维护和统一规范2. 安装需要安装以下依赖// 使用 yarnyarn add husky lint-staged @commitlint/cli @comm

1. 使用 http-server-spa全局安装 http-server-spayarn global add http-server-spa// 或者npm i -g http-server-spa运行// http-server-spa <directory> <fallback> <port>// 运行 dist 为目录，index.html 启动文件，端口 8080http-server-spa ./dist/ index.html

module.exports = { root: true, env: { browser: true, node: true, es6: true }, parserOptions: { parser: '@typescript-eslint/parser', sourceType: 'module' }, plugins: ['vue'], rules: { 'no-console': process.env.NODE_ENV.