Vue自建的css文件打包后找不到的解决方式

时间:2024-04-10 18:26:48

在vue打包的时候,src文件夹里的东西都会被打包重命名,所以如果在index.html里引用了位于src里的文件,比如css或js就会找不到,如下:

Vue自建的css文件打包后找不到的解决方式
打包以后,没有src文件夹,assets也没有这几个css:
Vue自建的css文件打包后找不到的解决方式

所以不要把全局css或js放在src里,要放在和index.html同一目录下的public里,public里的一切都会保留,可以建个文件夹,比如static,也可以不建,如下:
Vue自建的css文件打包后找不到的解决方式
Vue自建的css文件打包后找不到的解决方式
这样打包以后,static文件夹和里面的css文件都会保留:

Vue自建的css文件打包后找不到的解决方式
另外要注意:index.html里,href要写成 /,不要写成 ./
如: href="/static/reset.css"

写成 ./可能会找不到