2-5 (webapack4 loader) webpack文件处理(file-loader)之字体文件处理

webpack字体文件处理

1.下载字体文件

以bootstrap字体文件为例：
Bootstrap字体文件下载地址：https://v3.bootcss.com/getting-started/#download
下载完成后，把里面的css文件和fonts文件拷贝到项目里的入口文件夹下。

2.配置webpack.config.js文件

在webpack.config.js文件中的module中的rules里写入:

{
   
	test:/\.(eot|svg|ttf|woff|woff2)/,
	use:'file-loader',
},

注意，如果没有配置css，也需要在webpack.config.js文件中配置，代码如下：

{
   
	test:/\.css$/,
	use:['style-loader','css-loader']
},

webpack.config.js全部代码如下所示：

const path = require('path');


module.exports = {
   
	entry:'./public/index.js',
	output