Changeset 11546

Timestamp:

05/01/2017 09:24:53 AM (9 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": {