В приложении Angular я делаю визуальные эффекты D3 через обычные D3 или Vega . Там также происходит стиль S CSS.
Я бы хотел иметь возможность ссылаться на одни и те же глобальные переменные для стиля из Javascript и из S CSS. Файлы JSON отлично справляются с задачей сохранения настроек, которые я загружаю в Typescript с помощью простого оператора import. Но как можно go сделать то же самое с S CSS?
node-sass-json-importer кажется хорошим кандидатом, но добавление его в CLI-приложение Angular 9 не очевидно для меня.
Эта публикация StackOverflow некоторое время назад затрагивала topi c, но она включала изменение ресурсов под node_modules, что вряд ли является устойчивым.
В оригинальном do c есть также некоторые входные данные для , как можно go настроить веб-пакет в не Angular приложении . Я не знаю, как связать это с Angular приложением, созданным через CLI.
Webpack / sass-загрузчик 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()
}
};
Webpack v2
import jsonImporter from 'node-sass-json-importer';
// Webpack config
export default {
module: {
rules: [
test: /\.scss$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
importLoaders: 1
},
},
{
loader: 'sass-loader',
// Apply the JSON importer via sass-loader's options.
options: {
importer: jsonImporter(),
},
},
],
],
},
};