Vite已显式启用压缩但CSS未被压缩的问题求助

问题根源：Vite对public目录下的资源采用直接复制的处理方式，不会将其纳入构建流程（包括压缩、编译等操作），所以你配置的build.minify对该目录下的CSS文件无效。

解决方案步骤： #

• 将public/style目录下的CSS文件移动到src目录内（比如新建src/styles目录存放）。
• 在项目入口文件（如src/main.js）中导入这些CSS文件：

  import './styles/your-style-file.css'
  

  或者在HTML模板中引用src目录下的CSS（Vite会自动处理路径）：

  <link rel="stylesheet" href="/src/styles/your-style-file.css">
  

• 保持vite.config.js中的build.minify: 'esbuild'配置即可，esbuild会自动对纳入构建流程的CSS进行压缩。
• 重新执行npm run build，此时CSS会被打包并压缩到dist目录的输出文件中。

额外说明： #

如果需要保留部分静态资源在public目录，但又想压缩其中的CSS，可以考虑使用额外的工具（如cssnano）在构建后对dist目录下的目标CSS文件进行二次压缩，但更推荐将需要处理的资源放入src目录，利用Vite的原生构建能力处理。

内容的提问来源于stack exchange，提问作者luca