将json数据作为sass变量导入.scss文件Nuxt

{
  "primary-color": "#ff0000",
  "secondary-color": "#00ff00"
}

@import 'data.json';

body {
  background-color: $primary-color;
  color: $secondary-color;
}

npm install sass-loader node-sass --save-dev

module.exports = {
  // ...
  build: {
    loaders: {
      scss: {
        implementation: require('sass'),
        sassOptions: {
          fiber: require('fibers'),
          importer: function(url, prev) {
            if (url.endsWith('.json')) {
              const data = require(url);
              return {
                contents: Object.entries(data).map(([key, value]) => `$${key}: ${value};`).join('\n')
              };
            }
            return null;
          }
        }
      }
    }
  }
  // ...
}

<template>
  <div class="my-component">
    <h1>My Component</h1>
  </div>
</template>

<style lang="scss">
.my-component {
  background-color: $primary-color;
  color: $secondary-color;
}
</style>