webpack 的 npm run dev 和 webpack 的区别?

Question

以前我写代码 一般上面这种结构
文件也是这样引用的.

但是我最近学了个webpack打包jquery, 有很多疑问.使用webpack命令打包后结构如下:

问题1:

以前: 单个文件直接打开 css和img路径 都没有问题.打开是正常的...

现在: 文件运行 必须打开npm run dev才能正常. 单独打开,路径是不对的.

问题1 现在区面试 人家说有作品吗? 我说要安装webpack 要安装神马... 人家立马傻逼...

我想向以前那样, 直接可以打开就能看.

怎么搞???

问题2

npm run dev 模拟了一个服务器, 然后代码在上面运行.

npm run dist 执行打包 这个是线上环境...

还有神马代理...

实话说 我有点糊涂了.

1. 好吧 我就是想问 我是前端, 网站上线这部分是后端 还是专人做?

2. 我交上去的代码应该到什么程度

问题3

关于图片的base64 这个确实方便 以前还要做什么精灵图来减少页面请求. 有了base64 写代码就方便多了.

可是,大家看下这地址的引用 完全不知道为什么这么写.