首页 > 其他分享 >vite配置讲解

vite配置讲解

时间:2023-06-18 14:55:06浏览次数:39  
标签:选项 配置 指定 默认 构建 模块 讲解 vite

Vite 的配置文件通常被命名为 vite.config.js,它是一个 Node.js 模块,导出一个对象,包含了各种配置选项。以下是一些常见的配置选项:

  

  • mode:指定应用程序的模式,可以是开发模式('development')或生产模式('production')。在开发模式下,Vite 会启用一些调试工具和优化,而在生产模式下,会进行代码压缩和优化。

  • resolve:用于配置模块解析行为的选项。可以指定别名(alias)来简化导入路径,指定扩展名(extensions)来处理不同类型的模块,还可以配置模块的查找顺序(mainFields)等。

  • root:指定项目的根目录,默认为当前工作目录。

  • base:指定在构建生产版本时,HTML 文件所在的基础路径。默认情况下,它是一个相对路径('./'),可以根据实际需求进行更改。

  • publicDir:指定公共资源文件夹的路径,默认为 'public'。在构建过程中,该文件夹中的内容将被复制到输出目录。

  • build:构建相关的配置选项。

    • target:指定构建的目标浏览器环境,默认为 'modules',表示构建为支持原生 ES 模块的浏览器。可以设置为 'esnext' 或 'browserslist',以根据项目需求选择构建目标。

    • outDir:指定构建输出目录,默认为 'dist'。

    • assetsDir:指定静态资源的输出目录,默认为 'assets'。在构建过程中,这些资源将被复制到输出目录。

    • sourcemap:控制是否生成源映射文件,默认为 true。

    • rollupOptions:通过该选项可以自定义 Rollup 打包的配置。可以配置 Rollup 的插件、模块解析方式、代码拆分等。

  • plugins:配置插件。Vite 使用插件系统来扩展其功能。可以通过该选项引入各种插件,如编译 TypeScript、处理 CSS、压缩代码等

  • server:开发服务器相关的配置选项。

    • host:指定服务器绑定的主机名,默认为 'localhost'。

    • port:指定服务器监听的端口,默认为 3000。

    • proxy:配置代理服务器,用于解决开发过程中的跨域问题。

    • open:控制是否在启动开发服务器时自动打开浏览器,默认为 true。

更多配置,请到文档中查看 https://cn.vitejs.dev/guide/cli.html

标签:选项,配置,指定,默认,构建,模块,讲解,vite
From: https://www.cnblogs.com/maomao93/p/17489146.html

相关文章

  • mycat2配置文件
    1.用户配置xa:分布式事务 各个字段解释:2.数据源配置3.集群的配置 4.逻辑库表   ......
  • java 聚合项目--pom.xml配置文件
    java聚合项目创建聚合项目的2种方式:分层项目开发:1.DAO:java工程项目;(mavenquickstart)2.Service:java工程项目;(mavenquickstart)3.模型:java工程项目;(mavenquickstart)4.共工模块:java工程项目;(mavenquickstart)5.controller+view:webapp:web工程项目(mavenwebapp)工程类型:packing......
  • request超出了配置的maxQueryStringLength
    整个URL的长度为966个字符,经过研究,似乎maxQueryStringLength的默认值是2048<security><requestFiltering><requestLimitsmaxQueryString="2048"></requestLimits></requestFiltering></security>在项目的根web.config中的system.web节点下:&......
  • 微服务配置中心选型比较——Nacos、Apollo
    创建配置中⼼,将配置从各个应⽤中剥离出来,对配置进⾏统⼀管理,应⽤⾃身不需要⾃⼰去管理配置.1.概述随着程序功能的日益复杂,程序的配置日益增多:各种功能的开关、参数的配置、服务器的地址……对程序配置的期望值也越来越高:配置修改后实时生效,分环境、分集群管理配置,代码安全、审核机......
  • fastdfs配置文件说明
    参考网址一、tracker.conf#配置tracker.conf文件是否生效false生效true屏蔽disabled=false#程序的监听地址,如果不设定则监听所有地址(0.0.0.0)bind_addr=#tracker监听的端口port=22122#连接超时时间(秒)。#默认值为30。#注意:在内网(LAN)中,2秒就足够......
  • frp配置多端口内网穿透?frp多端口怎么配置?
    FRP内网穿透应用场景:本地Web服务外网访问、本地开发微信、本地联调支付宝\微信支付、TCP/UDP端口转发在本机开发好的网站想让客户测试不在需要上传到服务器上面,使用FRP内外网穿透轻松解决;微信开发也不需要在上传到服务器,使用免费FRP内网穿透服务器帮您解决80端口问题,实现微信服务器......
  • 集群版fastFDS安装配置
    在单机版的基础上搭建集群版一、主机规划主机名IP地址操作系统配置kht111192.168.2.111Centos7.8基础设施服务器2颗CPU2G内存50G硬盘kht112192.168.2.112Centos7.8基础设施服务器2颗CPU2G内存50G硬盘kht113192.168.2.113Centos7.8......
  • 关于uni-app与vue路由配置的不同,不使用uni.navigateTo接口跳转时,使用this.$router.pus
    之前用vue写router路由的时候,先配置一个路由表,然后再将配好的路由push到已有的组件里面,再通过<RouterView></RouterView>方法将每一个调用的路由的内容渲染到父组件要用的位置。今晚我在用uni-app的时候,突然不想用uni-app自己提供的路由跳转方法:uni.navigateTo我想用vue那种路由......
  • 使用nginx作为反向代理配置多个域名的https证书
    偶然想到,自己还没有做好使用nginx作为反向代理,搭配多个域名的https,心血来潮,就问了下bing怎么做。docker-compose.ymlversion:'3.7'services:nginx-proxy:image:jwilder/nginx-proxycontainer_name:nginx-proxyrestart:alwaysports:-80:80......
  • LVM 卷管理及配额的配置
    LVM卷管理及配额的配置推荐步骤:➢添加一块➢创建物理卷将/dev/sdb1、sdb2、sdb3转换为物理卷,将物理卷添加到卷组bdqn中,在bdqn卷组中创建lvm逻辑卷名字为xs指定大小为20G,逻辑卷格式化为xfs文件系统,挂载到/xfs目录➢配置磁盘配额设置实验步骤:添加一块查看添加的计......