相关疑难解决方法(0)

在 Angular 应用程序中，我通过普通D3或Vega进行 D3 视觉效果。还有 SCSS 样式。

我希望能够从 Javascript 和 SCSS 中引用相同的全局变量以进行样式设置。JSON 文件可以很好地存储我通过简单import语句加载到 Typescript 中的设置。但是如何从 SCSS 做同样的事情呢？

node-sass-json-importer 似乎是一个不错的候选者，但将它添加到 Angular 9 CLI 应用程序对我来说并不明显。

这篇 StackOverflow 帖子不久前谈到了这个话题，但它涉及修改node_modules几乎不可持续的资源。

原始文档中还有一些关于如何在非 Angular 应用程序中调整 webpack 的输入。我不知道如何将其与通过 CLI 构建的 Angular 应用程序相关联。

Webpack / sass-loader Blockquote

网络包 v1

import jsonImporter from 'node-sass-json-importer';

// Webpack config
export default {
  module: {
    loaders: [{
      test: /\.scss$/,
      loaders: ["style", "css", "sass"]
    }],
  },
  // Apply the JSON importer via …