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

 

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

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

总结

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐