vite.config.js server 配置详解

Vite.config.js server 配置项详解

阅读原文: https://www.xiaozaoshu.top/articles/vite-config-server
server 配置是 Vite 中用于设置开发服务器行为的部分。它控制了开发环境下的 HTTP 服务器,处理了端口、代理、热更新等功能。以下是对 server 配置项的详细介绍。

server 配置

server: {
   
   
  port: 3000,
  open: true,
  https: false,
  proxy: {
   
   },
  cors: true,
  hmr: true,
  watch: {
   
   
    usePolling: false,
  },
  fs: {
   
   
    strict: false,
  },
  headers: {
   
   },
}

<

vite.config.ts是Vite项目的配置文件,用于配置的构建、开发和部署等参数。下面是vite.config.ts的一些常用配置项的详解: 1. `root`:指定项目根目录,默认为当前工作目录。 :指定项目在上的基础路径,默认为`/`。如果你的项目署在子路径下,可以通过设置该项来指定。 3. `publicDir`:指静态资源存放的目录,默认为public`。在该目录下的文件被复制到建输出目录。 4. `build`:用于配置构建相关的参数。 - `outDir`:指定构建输出目录,默认为`dist`。 - `assetsDir`:指定构建输出的静态资源目录,默认为`assets`。 - `sourcemap`:是否生成源映射文件,默认为`false`。 - `minify`:是否压缩构建输出,默认为`true`。 - `terserOptions`:用于配置Terser压缩器的选项。 - `cssCodeSplit`:是否将CSS代码拆分成单独的文件,默认为`true`。 - `rollupOptions`:用于配置Rollup打包器的选项。 5. `server`:用于配置开发服务器相关的参数。 - `host`:指定服务器主机名,默认为`localhost`。 - `port`:指定服务器端口号,默认为`3000`。 - `https`:是否启用HTTPS,默认为`false`。 - `proxy`:用于配置代理服务器的选项。 6. `plugins`:用于配置Vite插件。可以通过该选项来扩展Vite的功能。 7. `resolve`:用于配置模块解析相关的参数。 - `alias`:用于配置模块别名,可以简化模块引入的路径。 - `extensions`:指定模块的扩展名,默认为`['.js', '.jsx', '.ts', '.tsx', '.json']`。 8. `css`:用于配置CSS相关的参数。 - `preprocessorOptions`:用于配置CSS预处理器的选项。 以上是vite.config.ts的一些常用配置项的详解,你可以根据项目需求进行相应的配置
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

坚定的小辣鸡在努力

你的支持是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值