属性"/>
摆脱CSS浏览器私有属性
为了兼容各个浏览器之间的私有属性,前端开发人员在写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浏览器私有属性
发布评论