删除file-loader的配置代码
在官方文档中,fileloader需要导包,之后进行webpack配置,但是我照着导入file-loader后,顺便在配置了一下,结果图片显示不出来,删掉就解决了问题,有点奇怪
const path = require('path')
module.exports = {
entry:"./src/main.js",
output:{
//控制台中npm init初始化一下npm,会出现一个package.json文件
//先引入nide的全局变量path
// _dirname是指当前路径,第二个值后面拼接一个dist,那么就拿到了绝对路径
path:path.resolve(__dirname, "dist"),
filename:"bundle.js",
publicPath:"./dist/"
},
module: {
rules: [
{
test: /\.css$/,
//css.loader只负责css文件进行加载
//style.loader负责将样式添加到DOm中
//使用多个loader时,从右向左
use: [ 'style-loader','css-loader'],
},
{
test: /\.(png|jpg|gif|jpeg)$/i,
use: [
{
loader: 'url-loader',
options: {
// 当加载图片,小于limit时,会将图片编译成base64形式
// 当加载图片,大于limit时,需要使用file-loader 进行加载
limit: 8192
}
}
//这里不添加配置
// ,{
// loader: 'file-loader',
// options: {},
// }
]
}
],
}
}