引入阿里图标 下载图标代码 将解压包放在asset下 我们只需要一下几个文件即可： ├── font ├── iconfont.css ├── iconfont.json （font-class用法） ├── iconfont.js （symbol用法） ├── iconfont.ttf ├── iconfont.woff └── iconfont.woff2 unicode 格式 全局引入图标 在main.js里引入图标样式 import './assets/font/iconfont.c

什么是 Vite 在旧时代，工具并不是重要的事情。但是，当我们使用框架或构建动态交互界面时，工具对于将开发环境推向生产级别非常重要。Vite 就是其中之一。Vite 不仅是一个打包工具，它还有许多其他功能，例如： 即时服务器启动极速 HMRFully Typed APIsUniversal 插件 为什么 Vite 与经典打包工具不同 在幕后，Vite 使用 esbuild 作

今天发现vite报了一个warn WARN [vite:css] grid-gap only works if grid-template(-areas) is being used 原因是我的autoprefixer.grid配置成了true，只需要改为false即可 最终配置如下： autoprefixer: { add: true, grid: false }, 参考：https://github.com/tailwindlabs/tailwindcss/issues/1606

配置路径别名 在实际开发中，有的组件会嵌套的很深，如果需要引入外层其他目录的组件，需要编写很长一段相对路径。 在vite.config.js里配置，为 /src配置别名@，为 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from "path"; // https://vitejs.dev/config/ export default defineConf

本文节选自TeHub小书 https://tehub.com/b/show/9rRbSM55RP/chapter/aqHJfokGI8 这其实不只是cos-js-sdk-v5一个插件库的问题，如果你使用其他类库遇到同样的问题，也是采用本文介绍的办法来解决 问题描述 由于vite只支持import导入类库，当我们直接使用import导入cos-js-sdk-v5时 import COS from 'cos-js-sdk-v5' 杯具的发现

前言 vite 打包报了一个错： Top-level await is not available in the configured target environment (“chrome87”, “edge88”, “es2019”, “firefox78”, “safari13.1”) 一、错误原因 「ECMAScript」提案 Top-level await