WePY 使用less autoprefix

最近发现在部份机型上使用display: flex;会出现兼容性问题,经测试发现与prefix有关。

使用less时,建议加上autoprefix插件,步骤如下:

  • 安装插件
npm install less-plugin-autoprefix --save-dev
  • 配置插件
    在wepy.config.js中加入
const LessPluginAutoPrefix = require('less-plugin-autoprefix');

...
...

  compilers: {
    less: {
      compress: true,
      plugins: [new LessPluginAutoPrefix({browsers: ['Android >= 2.3', 'Chrome > 20', 'iOS >= 6']})]
    }

官网https://github.com/Tencent/wepy/wiki/WePY-%E4%BD%BF%E7%94%A8less-autoprefix

你可能感兴趣的:(WePY 使用less autoprefix)