2.store/index.ts // createPinia函数并不需要显示引入 配置有自动导入// 持久化pinia插件importpiniaPluginPersistedstatefrom'pinia-plugin-persistedstate'// 创建pinia实例constpinia=createPinia()// 使用持久化插件pinia.use(piniaPluginPersistedstate)// 函数式注入piniaconstusePinia=(app)=>{app.use(pinia)}expo...
开始配置打包 在build/utils/下index.ts与paths.ts 新增内容 //index.ts下新增 // 重写打包后的@xlz-ui 路径 export const pathRewriter = (format) => { return (id: any) => { id = id.replaceAll("@xlz-ui", `xlz-ui/${format}`); return id; }; }; 复制代码 //paths.ts新增 // xlz-...
vite.config.ts配置 // https://vitejs.dev/config/exportdefaultdefineConfig({// ...build:{// 10kb以下,转Base64assetsInlineLimit:1024*10,// chunkSizeWarningLimit: 1500,//配置文件大小提醒限制,默认500rollupOptions:{output:{// 每个node_modules模块分成一个js文件manualChunks(id:string){if(id.inclu...
2、配置tsconfig.json (你都用@了别告诉我没在vite配置,这里不说@配置) compilerOptions里添加 "baseUrl":".","paths": {"@/*": ["src/*"] } 不报错了 四、vite打包分类文件输出配置以及静态资源拆分【配置】 直接打包后所有累心文件都存在一个文件内 1.文件分类输出,干净整洁舒心 配置一下config.ts...
vue3源码手写-打包配置 文件夹创建 在packages文件夹下面创建reactivity和shared文件夹,初始化创建对应的package.json并且创建src文件夹下面再创建一个index.tS文件 // reactivity -> package.json{// 打包更具这个名称生成文件在node_modules中"name":"@vue/reactivity","version":"1.0.0","main":"index.js","...
配置脚本钩子,实现在"pnpm i"后自动执行对应的hooks 在package.json的"scripts"中配置快捷命令,用来在安装项目依赖时生成 husky 的相关文件,配置项postinstall或者prepare都可以。 {// ..."scripts":{// ..."postinstall":"husky install"},} 在package.json 文件中,"postinstall" 是一个特殊的脚本钩子,它在 ...
前言:上一篇,我们搭建了基础的vue3+vite+ts项目。本篇,我们来做开发前的准备工作。 一:env文件配置。 新搭建的项目,并没有env文件。 点击新建文件,我新建了三个环境,分别是: 测试环境:.env.development;本地环境:.env.localhost;线上环境:.env.production ...
3、组件打包 在test项目的配置文件package.json中添加一条脚本 "package": "vue-cli-service build --target lib ./src/package/index.ts --name tqy-ui --dest tqy-ui" --target lib 关键字 指定打包的目录 --name 打包后的文件名字 --dest 打包后的文件夹名称 ...
vue3+TS模板推荐配置项 1. 初始化准备 首先要准备node环境,如果未安装请点击node进行下载安装 2.创建项目 方式一(推荐) 脚手架快速创建,勾选依赖的方式 这种方式创建的项目最快捷,因为基本依赖都装好了,根据需要进行安装 npminitvue@latest 方式二 使用官方模板创建vue3项目 ...