webpack中loader的作用

基本概念：当webpack不能识别非js结尾的文件时需要用到loader

需要在webpack的配置文件(webpack.config.js)中设置

const path = require('path');
module.exports = {
    mode : 'development',//代码的格式
    entry : './src/index.js',//项目打包的入口文件
    /*是以下代码的简写
    * entry : {
    *   main : './src/index.js'
    * }
    * */
    //打包图片
    module : {
        rules : [
            {test : /\.jpg$/,
                use : {
                    loader : 'file-loader'
                }
            }
        ]
    },
    output:{
        //运行的文件
        filename:'bundle.js',
        //生成的bundle.js文件放置在dist文件中
        path:path.resolve(__dirname,'dist')
    }
}

 需要安装file-loader这个文件 在命令行输入 npm install file-loader -save -D