vue组件如何引入外部.js/.css/.scss文件

时间：2019-12-18 10:30:00 阅读：300 评论：0 收藏：0 [点我收藏+]

可在相应的单vue组件引入相应文件。

1、引入外部.js文件。

技术分享图片

2、引入外部.css文件。

使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped。

注：如果有样式时，应该放在#app上面引入，不然引入不成功！

方式1：

<style scoped>
  @import "../static/font/iconfont.css";
</style>

技术分享图片

方式2：

<style src="../static/font/iconfont.css"></style>

<style scoped>

 .....

</style>

技术分享图片

3、引入外部.scss文件。

<style lang="scss" scoped>
  @import ‘../../assets/scss/xx.scss‘
</style>

技术分享图片

原文：https://www.cnblogs.com/sylys/p/12058243.html

踩

(0)

评论一句话评论（0）

分享档案

更多>