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
      }
    }
  }
}