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
})