摆脱CSS浏览器私有属性-moz， -ms， -webkit

本文主要是介绍摆脱CSS浏览器私有属性-moz， -ms， -webkit，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

为了兼容各个浏览器之间的私有属性，前端开发人员在写css的时候需要给一些css属性添加多个私有前缀，非常麻烦。这里给大家分享一个简单的方法可以让你以后无需手动给CSS添加私有属性。

• -moz代表firefox浏览器私有属性
• -ms代表IE浏览器私有属性
• -webkit代表chrome、safari私有属性
• -o代表opera私有属性

---

安装

项目目录内终端下输入

yarn add postcss

项目根目录下新建postcss.config.js文件
postcss.config.js

const autoprefixer = require('autoprefixer')module.exports = {plugins: [autoprefixer(),]
}

打开webpack.config.js添加以下代码

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

保存即可。

这篇关于摆脱CSS浏览器私有属性-moz， -ms， -webkit的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---