Webpack：Loader是什么？

概念

Loader是打包方案，webpack不能识别非js结尾的模块，告知webpack某些特定文件如何打包。

引入file-loader打包图片

const path = require('path'); //引入node核心模块

module.exports = {
    mode: 'development',//打包模式(默认)
    entry: {
        main: './src/index.js',//从那一个文件开始打包
    },
    module: { //当遇到不知道怎么打包的模块时,到此位置查找
        rules: [{
            test: /\.jpg$/, //打包的文件以jpg结尾
            use: {
                loader: 'file-loader'
            }
        }]
    },
    output: { //打包好的文件,放置信息如下
        path: path.resolve(__dirname, 'dist'),
        //dirname 表示当前路径,dist 是文件夹
        filename: 'bundle.js'
    }
}