webpack處理字體文件

1. 安裝 file-loader

npm install file-loader --save-dev

2. 在webpack.config.js中配置

module.exports={
    //...code
    module:{
        rules:[
           { //字體文件
                test: /\.(eot|svg|ttf|woff|woff2)$/,
                loader: 'file-loader',
                options: {
                    name: "[name].[ext]",
                    outputPath: './fonts'
                }
            }
        ]
    }
}

3. 使用方法

直接啟動webpack進行項目打包即可