在vue项目中引入index.html的外部css样式文件

1.报错

index.html外部引入css报错
在vue项目中引入index.html的外部css样式文件
在vue项目中引入index.html的外部css样式文件

2.查看

config文件下的index.js
assetsSubDirectory:除index.html外的静态资源存放的路径
assetsPublicPath:打包后,index.html里引用资源的的相对地址
在vue项目中引入index.html的外部css样式文件
static中的文件是完全不被webpack处理的,文件会直接复制到最终目录(dist/static)下。因此引用文件要是绝对路径。

3.成功引入

在vue项目中引入index.html的外部css样式文件
在vue项目中引入index.html的外部css样式文件