在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ postcss中postcss-simple-vars的語法在編輯器中報錯

postcss中postcss-simple-vars的語法在編輯器中報錯

業(yè)務背景

  • 在webstorm下利用vue-cli3.0框架,學習postcss
  • 使用混合宏(插件是postcss-mixins)時需要傳遞參數(shù)
  • 傳遞參數(shù)所用到的變量插件是postcss-simple-vars

遇到的麻煩

  • postcss-simple-vars定義和使用變量的語法和scss一樣都是用$

  • 但是定義變量和引用變量時編輯器會報錯

    • 定義變量時報: property name expected
    • 引用變量時報: a term expected

示例代碼

clipboard.png

嘗試解決

  • 在style標簽里面添加lang='postcss'
  • 在編輯器的css代碼檢查中沒有對應的選項設置

問題

  • 怎么讓它別報錯?
回答
編輯回答
舊螢火

問題原因

  • webstorm內置了一個postCss support的IDE插件
  • 但是它只支持7個postcss插件,其中并不包含postcss-simple-vars
  • 所以瀏覽器才會報錯.

參考: https://blog.jetbrains.com/we...

那到底怎么讓編輯器支持postcss的$語法呢?

2017年1月15日 12:34