0.2.1 • Published 5 years ago
stylint-webpack-plugin v0.2.1
stylint-webpack-plugin
Webpack loader plugin for stylint (linter of stylus files)
Install
Install the stylint
npm i stylint -D
Install stylint-webpack-plugin package
npm i stylint-webpack-plugin -D
If you want to use a custom reporter for a stylint, you also need to install it. For example:
npm i stylint-stylish -D
This webpack plugin for stylint, which supports specifying a directory or several directories of your project with a stylus files. Those files will pass through the linter stylint. By default, lint will use the .stylintrc file in the project root if present. But you can configure it in the options. This plugin supports .styl and .vue files.
Usage
In webpack config:
const StylintWebpackPlugin = require('stylint-webpack-plugin');
plugins: [
new StylintWebpackPlugin({
files: './app/blocks',
reporter: 'stylint-stylish',
reporterOptions: {verbose: true}
})
]Options
| Name | Type | Default | Description |
|---|---|---|---|
files | [String,Array] | ./ | Stylus files directory or several directories, who need to check |
config | [String] | undefined | Pass in path to custom rules configuration file as a string. If no configuration is passed in, it will use the .stylintrc file in the project root if present. If that file is not present, it will use default stylint rules. |
rules | [Object] | undefined | Pass in an object with rules for stylint to lint by. This will override all default rules |
exclude | [RegExp] | /node_modules/ | Regex for ignores files or sub-directories matching pattern |
reporter | [String] | undefined | If you want to use a custom reporter, you can pass in either a string with it's name |
reporterOptions | [Object] | undefined | Options for your custom reporter |