Can't resolve '../images/fj.jpeg' in 'D:\filles\vueProjects\vue-toto-demo\src' 
注意这一句： 无法解析../images/fj.jpeg

试一下：
1. 检查下目录和图片的路径 
 2. 检查或调整一下源文件中路径的写法 
3. 检查声明和调用loader的rules写法正确与否

emmm我是这样子配置的

config.optimization = {   

        splitChunks:{

            cacheGroups: {

                commons: {

                    name: "vendor",

                },

            },

        },

        runtimeChunk: true      

}

这视频出得早

何止是一定的基础。webpack也要自己学

翻译过来是多入口不能指定出口文件中同样的filename名称

output 的filename 改成 [name]

output: {
    path: __dirname + 'dist',//出口路径
    filename: '[name].js'//出口名称
  }

可以参考下我的代码：

https://github.com/carrieguo/vue.js-todolist

有代码文件目录的截图吗？方便定位问题

在打包出来的文件名上加上文件内容的hash是目前最常见的有效使用浏览器长缓存的方法，js文件如果有内容更新，hash就会更新，浏览器请求路径变化所以更新缓存，如果js内容不变，hash不变，直接用缓存
作者：Jokcy
链接：https://www.imooc.com/article/21538
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

------------------------------------------

至于你说的，单独打包的作用，不就是为了在webpack代码修改后打包时生成新的hash值码吗？这样浏览器中的旧版本文件就请求不到了，会请求新的配置文件

是否是缺包？

意思是 webpack.config.js 错误，原因是这个配置文件的版本和我们当前安装的 webpack 的版本不匹配。

vue本身要求ie9以上

理论上只要文件内容没变，chunkhash 就不会变。但是 webpack 会在打包完的 bundle 中插入 runtime 代码，即使文件内容没变，但 runtime 可能会变，导致 chunkhash 改变，所以才要把 runtime 单独拆分出来。

打包的问题吧，你可以下载clean-webpack-plugin这个插件

找到解决方法了

https://github.com/shystruk/create-react-redux-app-structure/blob/master/webpack.config.js

谷歌浏览器用 

-webkit-appearance none

webpack版本问题，之前@3，换了@4，可以了

在config中添加以上代码后，这个new里面这两行就不需要了是吧？可是删除之后还是报错