vue中全局引入sass文件

1.首先再项目目录src下创建一个专门防止style文件得文件夹,文件夹内放你要引入得scss文件

 2.打开终端 安装 scss 和scss-loader

npm install node-sass --save-dev
npm install sass-loader --save-dev

3.再vue.config.js文件中写入

css: {
    extract: false,
    loaderOptions: {
      scss: {
        // 全局引入变量和 mixin
        additionalData: `
          @import "@/style/App.scss";
        `
      }

    },
  },

4.再scss文件中写入要$加名字 定义的变量

 5.再项目中使用

 6.就OK了哈哈哈