Vite 4.2.0 React项目构建文件去哈希配置无效求助

你之前的配置没生效是因为配置项的位置和写法有误，直接替换成下面的配置即可：

export default defineConfig({
  plugins: [react()],
  build: {
    // 配置Rollup输出规则
    rollupOptions: {
      output: {
        entryFileNames: 'assets/[name].js',
        chunkFileNames: 'assets/[name].js',
        assetFileNames: 'assets/[name].[ext]'
      }
    },
    // 直接设置CSS输出文件名
    css: {
      filename: 'assets/[name].css'
    }
  }
})

关键修正说明： #

• 你之前用的rollupOutputOptions是错误的，Vite中Rollup的输出配置必须放在build.rollupOptions.output节点下
• CSS文件名不需要嵌套在extract对象里，直接通过build.css.filename配置即可生效
• 如果项目存在多CSS chunk，也可以通过rollupOptions.output.assetFileNames统一处理资源文件名，单独设置css.filename则更针对CSS文件做配置

执行npm run build后，生成的JS、CSS及其他资源文件就不会带有哈希值了。

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