摘要：
安装依赖 package.json "devDependencies": { "@babel/core": "^7.18.2", "@babel/preset-env": "^7.18.2", "babel-jest": "^28.1.0", "jest": "^28.1.0" } 配置babel 阅读全文
摘要：
测试Promise 注意需要return让Jest意识到是异步case, 通过then和catch，在回调中拿到对应的result再去进行测试 describe('Test runTask', () => { test('Invalid domains length', () => { return 阅读全文
摘要：
Vite环境变量 通过import.meta.env区分 npm run dev main.js console.log(import.meta.env); /** BASE_URL: "/" DEV: true MODE: "development" PROD: false SSR: false 阅读全文
摘要：
vite并不会校验ts是否通过，需要添加typescript 安装ts yarn add typescript 校验ts "scripts": { "dev": "tsc --noEmit && vite", }, 配置ts tsconfig.json { "compilerOptions": { 阅读全文
摘要：
url json raw worker / worker line webassembly ... url import testUrl from './test?url' console.log(testUrl,'~~~'); // /src/test.ts ~~~ json import {ve 阅读全文
摘要：
脚手架初始化项目，安装依赖 npm init @vitejs/app // 选vanilla { "devDependencies": { "vite": "^2.9.9", "vite-plugin-vue2": "1.6.2" }, "dependencies": { "vue": "2.6.1 阅读全文
摘要：
支持css3 variables src/styles/index.css /* css3 variable */ :root{ --main-font-color: blue } #app{ font-size: 20px; color: var(--main-font-color); } mai 阅读全文
摘要：
npm init @vitejs/app // 选react yarn npm run dev 阅读全文
摘要：
Vite1.0 为vue3而生 Vite2.0 跨框架，流行版本，内部不包含框架相关内容，通过插件提供不同开发框架的功能 vite中index.html 是必须的，html里引入入口文件的js script之后，vite的server就对其进行解析 脚手架初始化项目，安装依赖 npm init @v 阅读全文
摘要：
安装vite依赖 npm i vite -D vite.config.js import reactRefresh from '@vitejs/plugin-react-refresh' export default { plugins:[reactRefresh()] } 在index.html中 阅读全文
摘要：
什么是Vite Vite是尤随Vue3正式版一并发布的工具，起初是和Vue绑定的，后续发展成了框架无关的一个工具 Vite其实是构建工具的高阶封装，内部是其他的构建工具，最多的是rollup,rollup一般用于个人项目的三方库 Vite的目标 使用简单(底层是rollup,兼容rollup插件，较 阅读全文