webpack-阿里图标本地化-识别字体文件

使用webpack识别字体文件，在这里就用阿里字体图标为例

• 首先在阿里字体图标库选好需要的字体，然后下载到本地，解压得到
• 找到如下图的四个文件
• 在解压缩的文件中找到iconfont.css文件
• 在webpack.config.js文件中添加字体识别的相关配置

{
	test: /\.(woff|woff2|eot|ttf|otf|svg)$/,
	use: [{
		loader: 'url-loader',
		options: {
			limit: 10 * 1024,//限制大小
			outputPath: 'fonts/',//复制出来的字体文件输出路径
			name: '[name].[hash:7].[ext]'//复制出来的字体图标的名称
		}
	}]
}