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" 然...
gulpfile.ts代码如下: // 打包方式:串行(series) 并行(parallel) import { series, parallel } from "gulp"; import { withTaskName,runTask } from "./utils" /** * 1. 打包样式 * 2. 打包工具方法 * 3. 打包所有组件 * 4. 打包每个组件 * 5. 生成一个组件库 * 6. 发布组件 */ export defau...
虽然拆分了,但Element还是有1.6M,超严重影响加载速度。话说Vue 上了TS之后打包体积真的是比以前大太多了。而且还没研究好如何在TS项目中引入外部文件,所以只能把主意打到服务器上。 2. 服务器nginx开启gzip 看下打包后的图片,最右有一行Gzipped大小,element从1.6M给压到了274k,妥妥的。 nginx的配置文件中加入 #...
VUE使用TS开发打包时发现校验问题无法打包 解决办法: 找到tsconfig.app.json 这个文件,把他的include改为一个实际存在的空文件即可
Vue+TS项目搭建 一、项目需要使用typescript 安装:npm install -g typescript ts-loader是webpack编译typescript的库 1、引入和使用 webpack打包配置 =>vue-cli=> webpack配置 => 编译时 1.在webpack.base.conf.js配置文件中配置ts a. entry - 入口...
gulpfile.ts代码如下: // 打包方式:串行(series) 并行(parallel)import { series, parallel } from "gulp";import { withTaskName,runTask } from "./utils"/** * 1. 打包样式 * 2. 打包工具方法 * 3. 打包所有组件 * 4. 打包每个组件 * 5. 生成一个组件库 * 6. 发布组件 */export default ser...
从零构建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类型检查,所以才报了一堆错,类型错误最终不...