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...
是因为 vue-tsc --noEmit 是 TypeScript 编译器(tsc)的命令,vite build 则是使用 Vite 进行最终的构建。所以会检测ts的类型是否写的正确标准,如果项目中类型错误少的话可以一一解决并打包但是goview的TS类型错误的地方实在太多了,所以直接不检测类型来进行打包。 "build:pro":"vite build --mode production" 然...
import { series, parallel, src, dest } from "gulp";import { buildConfig } from "./utils/config";import path from "path";import { outDir, projectRoot } from "./utils/paths";import ts from "gulp-typescript";import { withTaskName } from "./utils";// 打包处理export const buildPackages...
可以发现在build时,执行了vue-tsc --noEmit && vite build,其中 vue-tsc:Vue 官方提供的命令,用于执行 TS 的类型检查。它在执行时会根据项目中的 tsconfig.json 文件配置进行类型检查 --noEmit:TS 编译器的选项,使用 --noEmit 选项后,编译器仅执行类型检查,而不会生成任何实际的编译输出 所以可以看出了,在打...
不上TS的话,打包过大的体积主要是Element、Vue以及moment等一下第三方插件,直接外部CDN引入,就能有效的减小体积了,参看Webpack外部引入Element和Vue 然而上了TS,再直接外部引入,会造成没有types文件,编辑器各种报错。现在还没明白TS的声明文件的原理,只能想别的办法了。
从零构建vue3+ts项目:vite plugin与打包配置 一、Svg配置 每次引入一张SVG图片都需要写一次相对路径,并且对SVG图片进行压缩优化也不够方便。 vite-svg-loader插件加载SVG文件作为Vue组件,使用SVGO进行优化。 插件网站https://www.npmjs.com/package/vite-svg-loader...
vue-tsc:Vue 官方提供的命令,用于执行 TS 的类型检查。它在执行时会根据项目中的 tsconfig.json 文件配置进行类型检查 --noEmit:TS 编译器的选项,使用 --noEmit 选项后,编译器仅执行类型检查,而不会生成任何实际的编译输出 所以可以看出了,在打包的时候编译器执行了TS类型检查,所以才报了一堆错,类型错误最终不...
这里只是使用vue-cli 的预设配置打包出自己的ui组件库, 使用gulp导出类型定义。 可以看到通过gulp我们可以分离 ts 编译文件 和 类型定义文件,只生产我们所需的目标文件。 除了生产 umd 模块外, 如需要提供ES6 模块, 我们需要自己配置相关打包处理,可以参考antdv官方的打包方案。
我想做一个UI组件,然后使用的是Vue3+Vite+Ts+tailwindcss问题出现在这个静态资源这里,我的静态资源放在了src/assets下,包括图片还有style.css, @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,30...
module, 在使用vue-cli创建的项目时，需要打包相关组件作为独立的库，使用rollup打包可以一次打出cjs、es...