不同浏览器对样式的兼容性不同,针对不同的浏览器要手动为css添加前缀保证他在各个浏览器的兼容性,
但是可以通过打包工具中配置postCss自动为css样式添加前缀
1.首先
npm install postcss-loader autoprefixer -D
2.在项目根目录中创建一个配置文件postcss.config.js,并进行配置
let autoprefixer=require('autoprefixer')//导入自动添加前缀的插件
module.exports={
plugins:[autoprefixer]//挂载插件
}
修改webpack.config.js文件中的配置
{test:/\.css$/,use:['style-loader','css-loader','postcss-loader']