doiuse

> 编程语言

开源

:bomb: 使用 Lint CSS 来检查浏览器是否支持 caniuse 数据库。

1.3K stars0 点赞2 次浏览

访问官网 GitHub

工具介绍

:bomb: 使用 Lint CSS 来检查浏览器是否支持 caniuse 数据库。

doiuse

Lint CSS 可用于浏览器支持 Can I use 数据库。

安装

bash

npm install -g doiuse

使用示例

命令行

bash

doiuse --browsers "ie >= 9, > 1%, last 2 versions" main.css
# or
cat main.css | doiuse --browsers "ie >= 9, > 1%, last 2 versions"

示例输出:

…

使用 --json 可将输出结果以 (换行分隔) JSON 对象的形式输出。

JS

javascript

import postcss from 'postcss';
import DoIUse from 'doiuse/lib/DoIUse.js';

postcss(new DoIUse({
  browsers:['ie >= 6', '> 1%'],
  ignore: ['rem'], // an optional array of features to ignore
  ignoreFiles: ['**/normalize.css'], // an optional array of file globs to match against original source file path, to ignore
  onFeatureUsage: (usageInfo) => {
    console.log(usageInfo.message);
  }
})).process("a { background-size: cover; }")

如果使用 var doiuse = require('doiuse'), 仍然支持 CommonJS 语法。

Gulp (CommonJS)

javascript

var gulp = require('gulp')
var postcss = require('postcss')
var doiuse = require('doiuse')

gulp.src(src, { cwd: process.cwd() })
.pipe(gulp.postcss([
  doiuse({
    browsers: [
      'ie >= 8',
      '> 1%'
    ],
    ignore: ['rem'], // an optional array of features to ignore
    ignoreFiles: ['**/normalize.css'], // an optional array of file globs to match against original source file path, to ignore
    onFeatureUsage: function (usageInfo) {
      console.log(usageInfo.message)
    }
  })
]))