@vue/cli 脚手架生成项目 scss配置全局变量

例子:

首先在src/common 文件夹下建立variable.scss文件 存储编写的全局变量

在vue.config.js文件中配置如下:

module.exports = {
    css: {
        loaderOptions: {
            scss: {
          // data: `@import "~@/common/variable.scss";`  sass-loader 版本8以下
          // prependData: `@import "~@/common/variable.scss";`  sass-loader 版本8
          // sass-loader 版本11及以上
                additionalData: `@import "~@/common/variable.scss";`
            }
        }
    }
}

 

上一篇:node-sass 安装失败问题


下一篇:CSS预处理器对比:Less、Sass、Stylus