webpack打包遇到的那些坑

1. src 下的index.js中图片的加载
import img1 from ‘./img/caomei.jpg’
import img2 from ‘./img/huahua.jpg’
var img = new Image();
img.src = img2;
document.body.appendChild(img);
var img3 = new Image();
img3.src = img1;
document.body.appendChild(img3);
此时在index,html中引入index打包后的bundel,js时 script必须放在body里面 不能在head 因为查找body 把js放在index.html的body里面 不能在head里面 找不到

2.图片可以使用file-loader或url-loader加载 url可以对图片的大小进行设置

如果图片的大小小于limit的值 将把图片以base64转码进入了打包生成的js文件中，如果大于limit的值时，图片将采用file-loader

3.npm run build 是对模块进行打包 ，打包完成后dist后能看到文件，但是如果直接npm start ，此时 dist里面的就没有文件
这是为什么呢？？？
因为啊 npm start 是启动服务器的命令 不用每次修改了html里面的内容都重新打包 但是如果修改了配置文件里面的内容 需要重启这个web服务器

最后 给新手们提建议 关于如何学习webpack

这些都是很重要的知识点 必须掌握！！！
😄以上是我在学习webpack中的一些小问题 如果有错误 欢迎指正偶