Css stylelint-哪里有创建自己插件的示例?

Css stylelint-哪里有创建自己插件的示例?,css,npm,sass,postcss,stylelint,Css,Npm,Sass,Postcss,Stylelint,我已经访问了stylelint网站github,并通过npm在本地下载。stylelint网站建议,要创建自己的插件,我应该使用以下格式: var myPluginRule = stylelint.createPlugin(ruleName, function(primaryOption, secondaryOptionObject) { return function(postcssRoot, postcssResult) { var validOptions = stylelin

我已经访问了stylelint网站github,并通过npm在本地下载。stylelint网站建议,要创建自己的插件,我应该使用以下格式:

var myPluginRule = stylelint.createPlugin(ruleName, function(primaryOption, secondaryOptionObject) {
  return function(postcssRoot, postcssResult) {
    var validOptions = stylelint.utils.validateOptions(postcssResult, ruleName, { .. })
    if (!validOptions) { return }
    // ... some logic ...
    stylelint.utils.report({ .. })
  }
})
当我在stylelint的npm文件夹中进行“查找”时,我找不到任何使用此格式的示例。有人能给你一个关于创建你自己插件的好教程吗


谢谢

好的,玩过之后,我真的找到了一种方法

1) 先决条件:

$ npm init
$ npm install gulp stylelint gulp-style-lint --save-dev
2) 在./scss/myfile.scss创建一些scss文件

正文{背景:红色;}

3) 创建./gulpfile.js

var gulp          = require('gulp');
var gulpStylelint = require('gulp-stylelint');

gulp.task('stylelint',function(){
  return gulp        
    .src('./scss/*.scss')
    .pipe(
      gulpStylelint({
        reporters: [
          {formatter: 'string', console: true}
        ]
      })
    );
})
4) 创建./stylelintCustom/index.js

var stylelint = require("stylelint");
var ruleName = "steves/steve1";

var messages = stylelint.utils.ruleMessages(ruleName, {
  rejected: 'steve rejects this',
});

module.exports = stylelint.createPlugin(ruleName, function(max, options) {

    return function(root, result) {     
      // to access the variable for the whole of this file scss =           
      console.log(root.source.input);

      // apply rules now...
      // run reporter to output

    }
});

module.exports.ruleName = ruleName;
module.exports.messages = messages;
确保将ruleName命名为:“plugins/plugin”。ie steves/SteveRule 1等

5) 确保创建stylelintCustom/package.json

{
  "name": "stylelint-steves-steve1", 
  "version": "0.0.1",
  "main": "index.js",
  "devDependencies": {
    "stylelint": "~2.6.0"
  },
  "engines": {
    "node": ">=0.10.0"
  }
}
6) 创建:stylelint.rc

{
  "plugins": [
    "./stylelintCustom/index.js"
  ],
  "rules": {
    "steves/steve1": true
  }
}
7) 狼吞虎咽


将输出SCS,因此您可以在此处运行所需的任何js、regex。

有关现有规则如何在stylelint中工作的参考信息,请访问:

您的项目/节点\模块/stylelint/dist/rules/*

$ gulp stylelint