vue配置sass全局样式

Posted 2020-12-15 hwj369

1.创建variable.scss 文件

1.  
   // 颜色
2.  
   $color-red:red;
3.  
   $color-yellow: yellow;
4.  
   $color-white: white;
5.  
   $color-light-gray: #F5F5F5;

    

   2.创建 vue.config.js 添加

   css: {

           loaderOptions: {

               // 给 sass-loader 传递选项

               sass: {

                   prependData: `@import "./src/assets/css/variables.scss";`

               }

           }

       },