Changeset 11546

Timestamp:

05/01/2017 09:24:53 AM (3 years ago)

Author:

netweb

Message:

Build/Test Tools: Add stylelint for CSS & SCSS linting.

This changeset is the first pass at adding stylelint. A new Grunt task grunt stylelint is now available and this will lint CSS & SCSS files against WordPress' CSS Coding Standards. Follow up commits will update BuddyPress' CSS & SCSS files to adhere to these coding standards. Following the CSS & SCSS updates the Ruby scss-lint gem will be removed.

Props netweb.
See 7028.

Location:

trunk

Files:

• Gruntfile.js (modified) (2 diffs)
• package.json (modified) (1 diff)

trunk/Gruntfile.js

@@ -20 +20 @@
         BP_EXCLUDED_MISC = [
             '!bp-forums/bbpress/**/*'
-        ];
+        ],
+
+        stylelintConfigCss  = require('stylelint-config-wordpress/index.js'),
+        stylelintConfigScss = require('stylelint-config-wordpress/scss.js');
 
     require( 'matchdep' ).filterDev( ['grunt-*', '!grunt-legacy-util'] ).forEach( grunt.loadNpmTasks );
@@ -202 +205 @@
             core: [ SOURCE_DIR + 'bp-templates/bp-legacy/css/*.scss' ]
         },
+        stylelint: {
+            css: {
+                options: {
+                    config: stylelintConfigCss,
+                    format: 'css'
+                },
+                expand: true,
+                cwd: SOURCE_DIR,
+                src: BP_CSS.concat( BP_EXCLUDED_CSS, BP_EXCLUDED_MISC )
+            },
+            scss: {
+                options: {
+                    config: stylelintConfigScss,
+                    format: 'scss'
+                },
+                expand: true,
+                cwd: SOURCE_DIR,
+                src: [ 'bp-templates/bp-legacy/css/*.scss' ]
+            }
+        },
         cssmin: {
             minify: {

trunk/package.json

@@ -23 +23 @@
     "grunt-sass": "~1.2.1",
     "grunt-scss-lint": "~0.5.0",
+    "grunt-stylelint": "^0.8.0",
     "grunt-wp-i18n": "~0.5.4",
-    "matchdep": "~1.0.1"
+    "matchdep": "~1.0.1",
+    "postcss-scss": "^0.4.1",
+    "stylelint": "^7.10.1",
+    "stylelint-config-wordpress": "^10.0.2"
   },
   "engines": {