使用webpack对于不同浏览器兼容css

使用postcss-load 与 postcss-preset-env 两个插件兼容

webpack 配置

 {
 loader: 'posct-css',
    options: {
      ident: 'postcss',
      plugins:() => {
        require('postcss-preset-env')
      }
    }
 }

package.json

"browserslist": {
    "development": [
       "lase 1 chrome version ",
       "lase 1 firefox version ",
       "lase 1 safari version ",
    ],
   "production": [
       "> 0.2%", // 兼容 大约 99.8
       "not dead", // 不是死版本的浏览器 ie
       "not op_mini all ",
    ]
}

You May Also Like

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注