stylelint lint Commonjs JavaScript file (.cjs file)

[xiaoxiangmoe]

• install stylelint.vscode-stylelint extension
• touch a.cjs file
• add below content into file

module.exports = {
  'accessor-pairs': [
    'error',
    {
      setWithoutGet: true,
      getWithoutSet: false,
    },
  ],
};

it show error:

{
	"resource": "/Users/myhome/myproject/a.cjs",
	"owner": "stylelint",
	"code": "CssSyntaxError",
	"severity": 8,
	"message": "Unknown word (CssSyntaxError)",
	"source": "stylelint",
	"startLineNumber": 5,
	"startColumn": 7,
	"endLineNumber": 5,
	"endColumn": 7
}

error will disappear if rename file from a.cjs into a.js.

[ntwb]

Thanks, confirmed, I'm not sure if this is a bug in PostCSS or PostCSS-JSX and will require more investigation

[BPScott]

It sounds like this is is trying to parse a cjs file with the css parser. I suspect the issue is in postcss-syntax, which recognises .js and .mjs files as things that should use the postcss-jsx parser, but doesn't account for .cjs files.

gucong3000/postcss-syntax#45 is a PR to add .cjs support