Business background

• use the vue-cli3.0 framework under webstorm to learn postcss .
• parameters need to be passed when using mixed macros (plug-ins are postcss-mixins )
• the variable plug-in used to pass parameters is postcss-simple-vars

troubles encountered

• postcss-simple-vars the syntax for defining and using variables is the same as scss with $.

• but the editor reports an error when defining variables and referencing variables

  • define variables Times: property name expected
  • quote variable Times: a term expected

sample code

try to solve

• add lang="postcss" to the style tag
• there is no corresponding option setting in the editor"s css code check

question

• how do I make sure it doesn"t report an error?