四、处理图片

yarn add file-loader url-loader

const path = require("path");
const HtmlWebpackPlugin  = require("html-webpack-plugin");
const {CleanWebpackPlugin} = require("clean-webpack-plugin")
module.exports = {
    entry:path.join(__dirname,'src/main.js'),
    output:{
        filename:"bundle.js",
        path:path.join(__dirname,"dist")
    },
    module:{
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            },
            ++
            {
                test:/\.(gif|jpg|png|svg|jpeg)$/,
                use:[
                    {
                        loader:'url-loader',
                        options:{
                            limit:1024
                        }
                    }
                ]
            }
        ]
    },
    plugins:[
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
        template:path.join(__dirname,'public/index.html')
    })
],
    mode:"development"
}