欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

在Vue2.0中全局引入SCSS文件

程序员文章站 2022-03-16 07:57:32
...

在Vue2.0中全局引入SCSS文件

一、安装 sass-loader 和 node-sass

npm install sass-loader --save-dev

npm install node-sass --save-dev

二、创建.scss文件

在Vue2.0中全局引入SCSS文件
在Vue2.0中全局引入SCSS文件

三、在app.vue中引入.scss文件

<style lang="scss">      //注意要用lang="scss"声明
  @import "./assets/sass/index";
</style>

四、在任意的.vue文件中都可以使用.scss文件里面的变量或class类

在Vue2.0中全局引入SCSS文件

相关标签: Vue SCSS