webpack——文件和圖片打包

file-loader

命名參數列表：

配置webpack.config.js以下：

運行webpack打包輸出以下：

url-loader

url-loader 用法與file-loader類似，能夠設置limit參數，當文件大小小於limit用url-loader打包，處理圖片爲BASE64的格式展現，打包後的文件變大，大於limit用file-loader打包。

優化webpack.config.js以下：

image-webpack-loader

一、安裝 image-webpack-loader 壓縮圖片
二、優化webpack.config.js以下：

總結：使用三種文件圖片打包結合使用，小圖片採用base64的形式打包，大圖片或文件採用url形式打包，同時image-webpack-loader將文件圖片壓縮打包。