打包css文件生成带有浏览器前缀的css

PostCSS是一个通过JavaScript来转换样式的工具。这个工具可以帮助我们进行一些CSS的转换和适配，比说说自动添加浏览器的前缀、CSS样式的重置等，实现这些功能需要借用PostCSS相关插件

使用步骤：

1、查找PostCSS在构建工具中的扩展，

2、选择可以添加需要的PostCSS相关的插件

也可以直接在终端使用PostCSS

安装

npm install postcss postcss-cli 

安装autoprefixer插件

npm install autoprefixer

直接使用postcss工具，并且制定使用autoprefixer

npx postcss --use autoprefixer -o end.css(出口文件) idnex.css(入口文件)

index.css文件

.title:{
   user-select: none;
}

打包之后的end.css文件，都加上了浏览器的前缀

.title:{
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}

 也可以使用postcss-preset-env插件，它可以帮助我们将一些现代的css特性，转成大多数浏览器认识的css，并且会根据目标浏览器或者运行时环境添加所需要的polyfill，包括会自动添加autoprefixer。