Skip to content

WePY 使用less autoprefix

Gcaufy edited this page Oct 16, 2017 · 1 revision

最近发现在部份机型上使用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']})]
    }