configure stylelint

.vim/coc-settings.json

@@ -0,0 +1,3 @@
+{
+	"css.validate": false
+}

static-html/.stylelintrc

@@ -0,0 +1,9 @@
+{
+	"extends": "stylelint-config-recommended",
+	"rules": {
+		"at-rule-no-unknown": [
+			true,
+			ignoreAtRules: ["mixin", "define-mixin"]
+		]
+	}
+}

static-html/notes.md

@@ -106,3 +106,7 @@ for `asset` default size is 8kb. - can configure see
 ## Environment variables
 
 to use environment variables, must change module.exports to use a function.
+
+
+stylelint - could only get it to read .stylelintrc after installing
+coc-stylelintplus (adds extra features to coc-ctylelint)

static-html/package.json

@@ -29,6 +29,9 @@
     "postcss-preset-env": "^6.7.0",
     "postcss-simple-vars": "^6.0.2",
     "style-loader": "^2.0.0",
+    "stylelint": "^13.8.0",
+    "stylelint-config-recommended": "^3.0.0",
+    "stylelint-webpack-plugin": "^2.1.1",
     "webpack": "^5.11.1",
     "webpack-cli": "^4.3.1",
     "webpack-dev-server": "^3.11.1"

static-html/webpack.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssnanoPlugin = require ('cssnano-webpack-plugin');
+const StylelintPlugin = require('stylelint-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 
 module.exports = env => {
@@ -28,6 +29,7 @@ module.exports = env => {
 			new HtmlWebpackPlugin({
 				template: './src/templates/index.ejs'
 			}),
+			new StylelintPlugin(),
 		],
 		module: {
 			rules: [