webpack使ie兼容css var()函数

postcss-custom-properties官方文档

安装postcss-loader和postcss-custom-properties

npm i postcss-loader postcss-custom-properties@10 -D // 其他版本没试过

webpack配置

module: {
	rules: [{
		test: /\.css$/,
		use: ["css-loader", "postcss-loader"]
	}]
}

根目录创建.postcssrc.js文件

module.exports = {
	"plugins": {
		"postcss-custom-properties": {
			/* pluginOptions */
		}
	}
}

:root {
  --color: red;
}

h1 {
  color: var(--color);
}

/* becomes */

h1 {
  color: red;
}