@aquila-learning/aquila-stylelint v2.0.0

aquila-stylelint

Aquila Learning Stylelint

Usage

Installation

npm install @aquila-learning/aquila-stylelint --save-dev

Setup

• Install peer dependencies npm install stylelint stylelint-scss stylelint-order stylelint-no-unsupported-browser-features @stylistic/stylelint-config --save-dev

• Add .stylelintrc.json file with the following contents:

  {
     "extends": "@aquila-learning/aquila-stylelint"
  }

• Add an npm script to run linter

      "lint:sass": "stylelint \"**/*.scss\""

Integrate with webpack

npm install stylelint-webpack-plugin --save-dev

const StyleLintPlugin = require('stylelint-webpack-plugin');

const config = { /* webpack config */ };

let styleLintOptions = {
    files: "**/*.scss"
};

if (process.env.NODE_ENV === "production") {
    styleLintOptions.failOnError = true;
}

config.plugins.push(new StyleLintPlugin(styleLintOptions));