vue配置sass全局样式

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";`
                }
            }
        },
     
     
     

相关推荐