利用postcss-loader 相关功能(插件autoprefixer)为一些css属性添加浏览器属性

    当使用一些需要兼容的css属性时, 比如在 index.css 中添加旋转样式:
    image.png
    此时生成的css并没有对应的浏览器前缀, 于是我们可以使用 autoprefixer 插件为这些属性自动添加前缀
    对应文档 https://webpack.js.org/loaders/postcss-loader/#root

    • 安装loader和插件 yarn add postcss-loader autoprefixer -D
    • wepack配置文件中添加 postcss-loader
    • image.png
    • 同时, 在项目目录下新建 postcss.config.js 文件并写入配置
    • image.png
    • 重新运行本地环境即可看到效果
    • image.png