Allow extra variables to be passed to the template

[B-Prod]

Use case: pass a random string to the mustache template, so we can create a font-face definition like:

• icons.eot?f7jjdvlkflikheqoxbt9#iefix

This may be really needed when updating an existing font on a site using cache mechanism.

This can be very easily done, by adding 1 line when building the SCSS file from the template:

consolidate[config.engine](config.path, {
                                        glyphs: glyphMap,
                                        fontName: config.fontName,
                                        fontPath: config.fontPath,
                                        cssClass: config.cssClass,
                                        config: config
                                }, function(err, html) {

It just pass the full "config" variable, so if you add any extra variable in the Gulp file, it is available in the template.

Full example

Gulpfile

.pipe(iconfontCSS({
      fontName: fontName,
      path: './src/templates/iconfont/_icons.scss',
      targetPath: '../src/scss/abstractions/_font-icons.scss',
      fontPath: '../fonts/',
      cssClass: 'fonticon',
      hash: Math.random().toString(36).substring(6)
    }))

Template

@font-face {
  font-family: "<%= fontName %>";
  src: url('<%= fontPath %><%= fontName %>.eot?<%= config.hash %>');
  src: url('<%= fontPath %><%= fontName %>.eot?<%= config.hash %>#iefix') format('eot'),
    url('<%= fontPath %><%= fontName %>.woff2?<%= config.hash %>') format('woff2'),
    url('<%= fontPath %><%= fontName %>.woff?<%= config.hash %>') format('woff'),
    url('<%= fontPath %><%= fontName %>.ttf?<%= config.hash %>') format('truetype'),
    url('<%= fontPath %><%= fontName %>.svg?<%= config.hash %>#<%= fontName %>') format('svg');
}

[PengJiyuan]

Nice idea!

[Finesse]

Need it too

[gintsmurans]

Exactly what I was looking for.

For now solved an issue by putting extra code in template:

@font-face {
	font-family: "<%= fontName %>";
	<% var hash = Math.random().toString(36).substring(6) %>
	src: url('<%= fontPath %><%= fontName %>.eot?<%= hash %>');
	src: url('<%= fontPath %><%= fontName %>.eot?<%= hash %>#iefix') format('eot'),
		url('<%= fontPath %><%= fontName %>.woff2?<%= hash %>') format('woff2'),
		url('<%= fontPath %><%= fontName %>.woff?<%= hash %>') format('woff'),
		url('<%= fontPath %><%= fontName %>.ttf?<%= hash %>') format('truetype'),
		url('<%= fontPath %><%= fontName %>.svg?<%= hash %>#<%= fontName %>') format('svg');
}

[backflip]

@B-Prod, does the change in #42 solve your issue?

[B-Prod]

Yes, but I didn't test the update. But you can close my issue, I will reopen it necessary. 2018-05-17 13:58 GMT+02:00 Thomas Jaggi <notifications@github.com>:

…

@B-Prod <https://github.com/B-Prod>, does the change in #42 <#42> solve your issue? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#52 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAppkbmC16dnyJcVdbe0otLwRBdfLBklks5tzWX-gaJpZM4M6pCm> .