3. 在根目录新建uno.config.ts // uno.config.ts// 预设rem转pximportpresetRemToPxfrom'@unocss/preset-rem-to-px'// transformerDirectives 可以使用@apply @screen theme函数importtransformerDirectivefrom'@unocss/transformer-directives'import{defineConfig,presetAttributify,presetUno,transformerVariantGroup,prese...
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...
touch packages.ts touch config.ts 复制代码 将ts分别打包为cjs和esm两种模块规范 在config.ts配置如下: import path from "path"; import { outDir } from "./paths"; export const buildConfig = { esm: { module: "ESNext", // tsconfig输出的结果es6模块 format: "esm", // 需要配置格式化化后的...
先npm run build:dev,再npm run preview http://localhost:4173/打开这个链接,就是vite为你启的服务,运行的项目。 三:路由配置 1,我是采用路由文件和页面文件一一对应的方式,先分模块,建立对应的文件夹,这样项目越来越大也不害怕,方便管理。 2,安装一下vue-router,npm install vue-router; mian.ts文件里面use...
在vite.config.ts配置文件中,添加base配置.如图:(如果是以vue脚手架的方式创建项目,则是添加publicPath配置项) 此时重新打包,进入项目就不会报404错误. 由于打包后没有代理服务器,如果我们本地想看打包后的页面效果,前提是后端配置了CORS解决跨域 二.静态资源的上传 ...
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" 是一个特殊的脚本钩子,它在 ...
新建apiconfig.js 2,apiconfig.js中写入以下内容 写入需要配置的地址 3,src文件夹中新建 typings文件夹,在typings文件夹中再新建apiconfig.d.ts,写入以下内容 4,在tsconfig.json中增加配置 5,配置成功,可以正常使用APICONFIG 在.ts文件中使用 在.vue组件中使用...