成功解决Vue项目中css文件未生效

Vue项目自己编写的css文件或者外部引入的css文件都是放在/styles目录下:
成功解决Vue项目中css文件未生效_第1张图片
要想引入的css文件生效,可以通过以下做法:
将其impor进index.css文件下
成功解决Vue项目中css文件未生效_第2张图片
然后在main.js文件中只需要引入index.css文件即可
成功解决Vue项目中css文件未生效_第3张图片
这样其余的css文件也能够生效

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