laravel elixir fonts

Laravel Elixir图标字体

这是一个简单的Gulp-iconfont和Gulp-iconfont-CSS包装纸，用于Laravel Elixir。

安装

通过NPM安装此软件包。

npm install laravel-elixir-fonts --save-dev

在您的gulpfile.js中需要它并使用它。

 var elixir = require ( 'laravel-elixir' ) ;

require ( 'laravel-elixir-fonts' ) ;

elixir ( function ( mix ) {

  mix . fonts ( [ elixir . config . assetsPath + '/svg/**/*.svg' ] , elixir . config . publicPath + '/fonts/' , { font : { fontName : 'my_icons' } } ) ;

} ) ; 

如何

如果您在没有参数的情况下运行mix.fonts() ，它将寻找resources/assets/svg （包括文件夹）中的所有SVG文件。

icons.css文件的输出在resources/assets/css中。 fonts的输出在public/assets/fonts中。

这些是默认路径，可以被elixir.config.assetsPath和elixir.config.css.outputFolder或通过选项覆盖。有关更多选项，请参见Elixir的配置文件。

选项

默认选项

 {
	font: {
		normalize: true,
		fontName: fontName, // required
		prependUnicode: false, // recommended option
		formats: ['ttf', 'eot', 'woff', 'woff2', 'svg'], // default, 'woff2' and 'svg' are available
		timestamp: runTimestamp // recommended to get consistent builds when watching files
	},
	css: {
		fontName: fontName,
		targetPath: '../../' + elixirConfig.assetsPath + '/' + elixirConfig.css.sass.folder + '/' + fontName + '.scss',
		fontPath: '../fonts/'
	}
}