生产环境配置

移除console

build:{
  ...
  terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true
      }
  }
}

图片压缩

viteImagemin

publicPath

1 .是用来让我们进行资源部署，配置了这个选项后代码中所有资源引用都会被分发到这个路径下面

server

1 .开发服务配置

optimizeDeps

1 .预构建配置项

build

1 .target:根据浏览器的兼容性，生成bundle,默认值为modules,浏览器支持ESM
2 .outDir：指定output输出的文件夹目录
3 .assetsDir:指定生成assets的文件夹目录
4 .assetsInlineLimit:静态文件大小，小于指定值的将内嵌为base64 url
5 .cssCodeSplit:启用css代码拆分。启用后，异步块中导入的css将内镰刀异步块中并在加载时插入。如果禁用，整个项目中的css代码将会被提取到单个文件中
6 .cssTarget:此选项允许用户为css缩小设置不同的浏览器目标。而不是用于js转换的浏览器目标。
7 .sourcemap:是否生成sourcemap文件
8 .rollOptions.rollup工具的配置项，分为
9 .lib:构建为lib，必须指定为entry
10 .minify:是否压缩
11 .mainifest:是否生成一个manifest文件

development模式下vite的工作过程是怎样的？

1 .