Vue配置sass

Npm,安装 node-sass / sass-loader 

npm i -S node-sass sass-loader 

　使用

<style lang="scss">
.box{
}
</style>

使用全局变量要在根目录下编辑 vue.config.js文件，没有就创建一个

 

module.exports = {
  css: {
    loaderOptions: {//sass-loader V7版本  目录和文件名要写实际的目录和文件名
      sass: {
        // data: `@import "@/assets/css/base.scss"`        
        prependData: `   
          @import "@/assets/css/base.scss";
        `
 //v8
      },
      
      scss: {
       additionalData: `   
          @import "@/assets/sass/base.scss"; 
        `
// v9
      }
    }
  }
}