postcss-px-to-viewport怎么适配node低版本
时间: 2023-07-22 21:33:40 浏览: 138
如果你使用的是较旧版本的Node.js,可以尝试以下方法来适配`postcss-px-to-viewport`:
1. 使用旧版的`postcss-px-to-viewport`插件,可以使用`npm install postcss-px-to-viewport@0.0.3 --save-dev`安装旧版插件。
2. 安装`postcss-viewport-units`插件,该插件可以将`px`单位转换为`vh`和`vw`单位。使用`npm install postcss-viewport-units --save-dev`安装该插件。
3. 修改`postcss.config.js`文件,添加`postcss-viewport-units`插件,并将`postcss-px-to-viewport`插件的配置调整为:
```
module.exports = {
plugins: {
autoprefixer: {},
"postcss-viewport-units": {},
"postcss-px-to-viewport": {
unitToConvert: "px",
viewportWidth: 750,
unitPrecision: 3,
propList: ["*"],
viewportUnit: "vw",
fontViewportUnit: "vw",
selectorBlackList: [],
minPixelValue: 1,
mediaQuery: false
}
}
};
```
4. 在`vue.config.js`文件中修改CSS loader配置:
```
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
require("postcss-viewport-units")(),
require("postcss-px-to-viewport")({
unitToConvert: "px",
viewportWidth: 750,
unitPrecision: 3,
propList: ["*"],
viewportUnit: "vw",
fontViewportUnit: "vw",
selectorBlackList: [],
minPixelValue: 1,
mediaQuery: false
})
]
}
}
}
};
```
这样,在较旧版本的Node.js中,就可以使用`postcss-px-to-viewport`插件了。
阅读全文