vue-cli4中scss全局变量

  1. vue add style-resources-loader(选择scss
    执行过程中有个问题command failed: npm install --loglevel error vue-cli-plugin-style-resources-loader -D。看了网上的解决方案:
    a. 修改C:\Users\Admin\.vuerc中的useTaobaoRegistry:true无效
    b. 清缓存 npm cache clean --force无效
    c. 使用最新版本的noe, 无效
    d. 更换node版本为12.14.1,有效

  2. vue.config.js配置

pluginOptions: {
    "style-resources-loader": {
      preProcessor: "scss",
      patterns: [
        // scss文件路径
        path.resolve(__dirname, "src/assets/styles/global.scss")
      ]
    }
  }
  1. 使用
// global.scss
$themeColor: rgba(54, 61, 68, 1);
$selectColor: rgb(122, 222, 238);
// vue中使用

你可能感兴趣的:(scss)