项目作者: tjuking

项目描述 :
fis-preprocessor-srcset插件支持解析img或picture标签的srcset属性中的图片路径
高级语言: JavaScript
项目地址: git://github.com/tjuking/fis-preprocessor-srcset.git
创建时间: 2016-01-10T10:35:14Z
项目社区:https://github.com/tjuking/fis-preprocessor-srcset

开源协议:

下载


fis-preprocessor-srcset

fis-preprocessor-srcset插件(npm地址 github地址)支持解析<img><picture>标签的srcset属性中的图片路径

  1. <picture>
  2. <source srcset="./image/banner-small.png 1x, ./image/banner-large.png 2x"></source>
  3. <img src="./image/banner-small.png"/>
  4. </picture>

使用

  1. //install
  2. npm install -g fis-preprocessor-srcset
  3. //config
  4. vi <project>/fis-conf.js
  5. //fis3之前
  6. fis.merge.config({
  7. modules: {
  8. preprocessor: {
  9. tpl: "srcset" //如果您使用的是fis-plus或其它的解决方案,则需要加上相应的模板前处理插件,例如fis-plus中需要调整为"components,extlang,srcset"
  10. }
  11. },
  12. ....
  13. });
  14. //fis3
  15. fis.match('*.tpl', {
  16. preprocessor: fis.plugin('srcset')
  17. });