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

可在相應的單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.jianshu.com/p/3728525c4d19) 有刪改