VUE2中引入外部css文件的方式

1. 利用 @import 关键词引入——全局引入

2. scr 路径引入——局部引入

3. 在 JS 中引入外部css模块————全局引入

<template>
  <div></div>
</template>

<script>
    // 在JS中引入 外部css模块
    import './assets/my.scss'
    // 与@import效果相同, 会影响所有组件
</script>

 // 方式2: 此引入方式不会影响到子组件, 受scoped 影响
<style lang="scss" scoped src="./assets/my.scss">
   
</style>

<style lang="scss" scoped>
  // 外部css样式: 文件需要存储在 assets 目录下
  // 方式1: 利用 @import关键词引入, 此方式是一个全局引入, 会忽略scoped 关键词, 影响所有组件
  // @import url('./assets/my.scss');
</style>