vite的基本使用
vite的最大特点是利用esm,让代码不像传统的构建工具一样去分析引入,打包构建,而是直接保持模块化,这样省去了大量的编译时间,让代码更改后的响应速度大量提升
基本结构,vite的配置写在vite.config.js中
js
1234567891011
import { defineConfig } from "vite";
export default defineConfig({
resolve:{},//用来写文件后缀省略或者别名的地方
build: {
assetsInlineLimit: 20000//小于20000图片转成base64
},
server:{//开发模式配置
port: 2000,//端口号
},
base: "www.xxx.com"//类似于webpack的public path
})