IslandZzzz - 博客园

2022年6月6日

摘要：打开 chrome://flags/ 搜drak mode 选择Enabled with selective EveryThing，然后点relaunch, 会自动重载浏览器，但是不用担心，标签页会保留(Mac Chrome) 最好搭配一个暗黑色Chrome 主题一起使用。选择Chrome主题皮肤阅读全文

posted @ 2022-06-06 15:45 IslandZzzz 阅读(128) 评论(0) 推荐(0)

Github Actions 如何持续部署发布到npm

摘要： 1. 创建Npm Token 首先进入Npm, 点击头像-> 选择Access Tokens-> Generate New Token, 注册一个 Automation 类型的Token，复制Token串 2. 创建GitHub Action Secret 然后进入github项目-> Settin 阅读全文

posted @ 2022-06-06 12:27 IslandZzzz 阅读(133) 评论(0) 推荐(0)

2022年6月5日

Jest在Node环境下的测试配置

摘要：安装依赖 package.json "devDependencies": { "@babel/core": "^7.18.2", "@babel/preset-env": "^7.18.2", "babel-jest": "^28.1.0", "jest": "^28.1.0" } 配置babel 阅读全文

posted @ 2022-06-05 22:05 IslandZzzz 阅读(156) 评论(0) 推荐(0)

Jest 异步测试 Promise Async Await

摘要：测试Promise 注意需要return让Jest意识到是异步case, 通过then和catch，在回调中拿到对应的result再去进行测试 describe('Test runTask', () => { test('Invalid domains length', () => { return 阅读全文

posted @ 2022-06-05 22:05 IslandZzzz 阅读(266) 评论(0) 推荐(0)

Vite env环境变量

摘要： Vite环境变量通过import.meta.env区分 npm run dev main.js console.log(import.meta.env); /** BASE_URL: "/" DEV: true MODE: "development" PROD: false SSR: false 阅读全文

posted @ 2022-06-05 21:57 IslandZzzz 阅读(467) 评论(1) 推荐(1)

Vite 如何配置支持Typescript

摘要： vite并不会校验ts是否通过，需要添加typescript 安装ts yarn add typescript 校验ts "scripts": { "dev": "tsc --noEmit && vite", }, 配置ts tsconfig.json { "compilerOptions": { 阅读全文

posted @ 2022-06-05 21:52 IslandZzzz 阅读(1214) 评论(0) 推荐(0)

Vite 处理静态文件

摘要： url json raw worker / worker line webassembly ... url import testUrl from './test?url' console.log(testUrl,'~~~'); // /src/test.ts ~~~ json import {ve 阅读全文

posted @ 2022-06-05 21:52 IslandZzzz 阅读(64) 评论(0) 推荐(0)

Vite 创建一个Vue2项目

摘要：脚手架初始化项目，安装依赖 npm init @vitejs/app // 选vanilla { "devDependencies": { "vite": "^2.9.9", "vite-plugin-vue2": "1.6.2" }, "dependencies": { "vue": "2.6.1 阅读全文

posted @ 2022-06-05 21:50 IslandZzzz 阅读(356) 评论(0) 推荐(0)

Vite 处理css postcss import variable less

摘要：支持css3 variables src/styles/index.css /* css3 variable */ :root{ --main-font-color: blue } #app{ font-size: 20px; color: var(--main-font-color); } mai 阅读全文

posted @ 2022-06-05 21:50 IslandZzzz 阅读(952) 评论(0) 推荐(0)

Vite 创建一个React项目

摘要： npm init @vitejs/app // 选react yarn npm run dev 阅读全文

posted @ 2022-06-05 21:50 IslandZzzz 阅读(73) 评论(0) 推荐(0)