3
Angular：JSON変数をSCSSに解析する方法
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 Webpack 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 sass-loader's options. sassLoader: { importer: jsonImporter() } }; …