vue中引入外部css文件

Vue (18) 2024-03-18 14:24

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说vue中引入外部css文件,希望能够帮助你!!!。

1.全局引入

如果你要全局引入css文件(比如框架css),需要在main.js中引入

  import '@/assets/styles/ruoyi.scss' // ruoyi css

跟上自己的css文件目录就行

2.局部引入

有时你只想在单个页面引入css文件

<style scoped>
@import '../assets/iconfont/iconfont.css';这个分号一定要写,要不会报错
</style>

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复