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() بدون معلمات ، فإنه يبحث عن جميع ملفات SVG في resources/assets/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/'
	}
}