laravel elixir fonts

Laravel Elixirアイコンフォント

これは、Laravel ElixirのシンプルなGulp-IconfontとGulp-Iconfont-CSSラッパーです。

インストール

このパッケージを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/'
	}
}