×

typescript

Vite 基础之 Vite 基础应用的 vite 中使用 Typescript、处理静态资源的方法、集成 eslint 及 prettier、集成 husky 规范和 env 环境变量的设置

Serien01 Serien01 发表于2024-06-23 浏览7230 评论0
一、Vite 基础应用的 vite 中使用 Typescript、处理静态资源的方法、集成 eslint 及 prettier、集成 husky 规范和 env 环境变量的设置 在 vite 中,对于 ts 只编译不校验。如果需要对 ts 校验,只能使用 tsc。通过 tsc --noEmit 命令,对 ts 只校验不把编译文件做输出,如下所示: 通过 yarn add typescript 命令添加 typescript 新增 tsconfig.json,代码如下: { "com

webpack

Vite 基础之 Vite 高级应用的 rollup 配置文件、rollup 插件、vite 插件、vite 钩子及执行时机和 vite 的 HMR

慕容小布 慕容小布 发表于2024-06-20 浏览8610 评论0
一、Vite 高级应用的 rollup 配置文件、rollup 插件、vite 插件、vite 钩子及执行时机和 vite 的 HMR Vite 是基于 rollup 和 esbuild 实现的。Rollup 是开源类库优先的选择,以 ESM 标准为目标的构建工具,打包基于 tree shaking 功能。通过 npm i -g rollup 命令安装 rollup,rollup.config.js,代码如下: import json from '@rollup/plugin-json';