I created this Webpack plugin because I wanted a way to break the build process when CSS style linting fails. At the time of creating this CSS linting error were treated as warnings and the build was allowed to continue (verses JS linting errors, which break the build);
Style-warning-breaker is designed to be used in conjunction with the PostCSS loader and stylelint.
In the webpack.config.js file import style-warning-breaker (assuming you already have stylelint setup):
const styleWarningBreaker = require('style-warning-breaker');
and then tie it into postcss with stylelint (replace "stylelint" with whatever name you've imported it as):
postcss: function () {
return [
stylelint,
styleWarningBreaker
];
}
ERROR IN: /yourProject/some.css
Expected line length to be no more than 100 characters (max-line-length) - 202:90
Breaking build due to CSS linting errors.