我正在尝试根据入口点将一些数据传递给SCSS。我将有两个主题,因此我必须知道当前打包的主题是什么。
Webpack入口点:
webpack: {
entry: {
toyota: path.resolve(__dirname, '../entries/theme.toyota.js'),
lexus: path.resolve(__dirname, '../entries/theme.lexus.js'),
},
接下来,我希望识别入口点,并将其作为变量传递给SCSS:
test: /\.s?css$/,
exclude: /node_modules/,
use: [{
loader: 'sass-loader',
options: {
data: '$brand: "' + entryPointName +'";',
sourceMap: true
}
},
]
我已经尝试过[name]
,但没有成功...
通过以不同的ENV变量重新运行构建,我可以实现这个目标,但我希望能够使用一个任务来完成(以在监视模式下更快地构建)。
有没有办法实现这个目标?