基本概念:当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