本地无构建错误，Netlify Git部署时Vite导入失败求助

问题根源 #

本地构建后dist目录存在，所以import '/dist/css/app.pcss'能正常工作；但Git仓库通常不会提交dist（属于构建产物），Netlify部署时会从头执行构建流程，在构建阶段dist目录还未生成，导致Rollup找不到这个文件报错。

解决步骤 #

• 直接引用public目录下的CSS文件
  你的项目public/css/app.pcss是静态资源，Vite会将public目录下的文件原样复制到dist目录，修改main.js的导入路径：

  // src/main.js
  import '/css/app.pcss'
  

  Vite会自动处理public资源的路径映射，构建后能正确指向dist对应的文件。

• 迁移CSS到src目录（推荐）
  如果app.pcss需要Vite处理（比如用到PostCSS、Tailwind），把它移到src/css/app.pcss，然后修改导入：

  // src/main.js
  import './css/app.pcss'
  

  这样Vite会将其作为源码的一部分打包，彻底避免依赖未生成的dist目录。

• 检查.gitignore配置
  确保.gitignore包含dist/，不要把构建产物提交到仓库：

  # .gitignore
  dist/
  node_modules/
  

• 确认Netlify构建命令
  在Netlify项目设置里，把构建命令设为npm run build，让平台自动执行构建生成dist目录。

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