概念
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'
}
}