Sass / PostCSS白名单自定义语法:{{ytb_variable()}}

时间:2018-08-17 14:36:22

标签: sass gulp postcss autoprefixer

我将来的gulp任务将获取.scss个文件,应用一些postCSS变形器(css​​nano,autoprefixer),并使用sass进行编译。

问题:我的.scss文件中有一个自定义语法

#ytb_block_header_3 .ytb_extension_tracker {
  background:{{ ytb_variable("background", "HEADER_boutons", "color") }};
  color:{{ ytb_variable("color", "HEADER_boutons", "color") }};
  width:{{ ytb_variable("generic", "HEADER_boutons_width", "value") }};
  padding:2.5% 2%;
  height:35px;
  border:1px solid #ffa300;
  text-align:center;
  float:right;
}

已编译的.css将发送到后端服务器,在该服务器中将再次在PHP中对其进行解析以替换{{ ytb_variable() }}函数

  1. 有没有办法告诉.scss编译器不要崩溃或触摸那些东西,并且只是忽略自定义语法,就好像它是普通字符串一样?
  2. 这会给postCSS转换器带来问题吗?我可以将此功能添加到白名单吗?

0 个答案:

没有答案