vue引入外部css文件

最新推荐文章于 2024-05-15 02:16:18 发布

wcdunf

最新推荐文章于 2024-05-15 02:16:18 发布

阅读量1.4k

点赞数 1

分类专栏： vue scss 文章标签： vue scss css

本文链接：https://blog.csdn.net/wcdunf/article/details/124325505

版权

36 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

一直以来我用的都是错误的方法，如下：

<style scoped>
@import url('../assets/css/edit.css');
/*@import 'details.scss';*/
</style>

这样的写法作用域是全局，并非是局部。
原因：在其他文章看到：在生产环境中不要使用@import引入css，因为在请求到的css中含有@import引入css的话，会发起请求把@import的css引进来，多次请求浪费不必要的资源。

@import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped

所以正确的做法是用src,解决作用域是全局问题。

<style scoped src='../assets/css/edit.css'>
</style>

或者

<style scoped src='../assets/css/edit.css'/>

关注