Css stylelint-哪里有创建自己插件的示例?
我已经访问了stylelint网站github,并通过npm在本地下载。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
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