Trong một ứng dụng Angular, tôi thực hiện hình ảnh D3 thông qua D3 hoặc Vega đơn giản . Cũng có phong cách SCSS đang diễn ra.
Tôi muốn có thể tham khảo các biến toàn cục tương tự để tạo kiểu từ Javascript và từ SCSS. Các tệp JSON thực hiện thủ thuật rất tốt để lưu trữ các cài đặt mà tôi tải vào Bản mô tả thông qua một importcâu lệnh đơn giản . Nhưng làm thế nào để một người đi làm tương tự từ SCSS?
node-sass-json-importer có vẻ như là một ứng cử viên tốt nhưng việc thêm nó vào ứng dụng Angular 9 CLI không rõ ràng đối với tôi.
Bài đăng StackOverflow này đã đánh dấu chủ đề một thời gian trước, nhưng nó liên quan đến việc sửa đổi các tài nguyên theo node_modulesđó hầu như không bền vững.
Ngoài ra còn có một số đầu vào trong tài liệu gốc về cách người ta có thể điều chỉnh gói webpack trong một ứng dụng không phải là Angular . Tôi không biết làm thế nào để liên kết điều này với một ứng dụng Angular được xây dựng thông qua CLI.
Webpack / sass-loader Blockquote
Gói web 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()
}
};Gói web 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(),
},
},
],
],
},
};