vue 自建的css文件打包后找不到

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

vue 自建的css文件打包后找不到_第1张图片

打包以后,没有src文件夹,assets也没有这几个css:

vue 自建的css文件打包后找不到_第2张图片

所以不要把全局css或js放在src里,要放在和index.html同一目录下的public里,public里的一切都会保留,可以建个文件夹,比如static,也可以不建,如下:
vue 自建的css文件打包后找不到_第3张图片


vue 自建的css文件打包后找不到_第4张图片


这样打包以后,static文件夹和里面的css文件都会保留:

vue 自建的css文件打包后找不到_第5张图片


另外要注意:index.html里,href要写成 /,不要写成 ./
如: href="/static/reset.css"

https://www.codenong.com/cs109675906/

你可能感兴趣的:(vue,css,vue.js,css,前端)