使用postcss-preset-env时，我得到以下结果：
<input [ngModel]='notesText' (ngModelChange)='notesModelChanged.next($event)' />
在开发中，它将返回预期的结果：
$black: #000000;
color: #{$black}de;
但是在生产中：
color: rgba(0, 0, 0, 0.87059);
在color: #000de;
中，我有以下脚本：
package.json在"dev": "cross-env webpack-dev-server --config webpack.config.js --mode=development -w --hot",
"prod": "cross-env webpack --config webpack.config.js --mode=production -p"
webpack.config.js我尝试在没有{
test: /\.(sa|sc|c)ss$/,
exclude: ['/node_modules', './dist', '/src/js', '/docs'],
use: [
MiniCSSExtractPlugin.loader,
{
loader: 'css-loader',
options: {
sourceMap: true,
minimize: process.env.NODE_ENV === 'production',
}
},
{
loader: 'postcss-loader',
options: {
sourceMap: true,
syntax: postCssScss,
plugins: () => [
autoprefixer,
postCssPresetEnv({
stage: 0,
features: {
'color-mod-function': true,
'alpha-hex-colors': true
}
}),
],
},
},
{
loader: 'sass-loader',
options: {
sourceMap: true
}
}
]
}
部分无效的情况下使用它。还尝试在features之后要求将color-mod-function和alpha-hex-colors作为单独的软件包，这也是行不通的。
那么我如何从生产开发中获得相同的输出？
已经为此制作了一个issue，但也许有人知道解决此问题的方法。