vite+vue3打包报Rollup failed to resolve import “foldName/cssName.css“ from “index.htm

        最近有个新项目，技术leader决定使用v3+vite+element-plus。项目打起来后，开发环境非常顺利，可是一打包就凉了，报个错：

 

        一看到报错我很懵，这个css文件是在public中的，在html中直接引入，并没有使用import引入啊？经过N分钟的百度，n+分钟的查vite、rollup文档以及思前想后，终于在vite文档中发现了一句话：

于是抱着试一试的心态将路径改为绝对路径，再次打包，成功！！！

总结

webpack打包和vite打包对路径的处理有差异，在做vue+webpack的项目使，public中的资源可以使用相对路径引入，而做vue+vite项目时，public中的资源应使用绝对路径。