vue项目webpack打包上线后vendor.xxx.js文件为什么有时候会先于manifest.xxx.js加载？？？？

Question

项目经常报错Uncaught ReferenceError: webpackJsonp is not defined 苦寻终于找到症结所在，但是无法解决

基本可以确定造成的原因是vendor.xxx.js先于manifest.xxx.js被加载了，
而vendor.xxx.js需要manifest.xxx.js中的支持才行

这里注意到，被先加载的vendor.xxx.js是读取的缓存，不知道为什么会出现这种情况
，并且manifest.xxx.js加载了2次

再三确认我的index.html文件中manifest.xxx.js是先于vendor.xxx.js被引入的，正常不是应该先加载manifest.xxx.js的么？？？

Answer 1

照理来说应该是按照 html 上的顺序，加载完一个执行那一个的，确认一下打包出来的 dist/x.html 里面的顺序。
然后就是 chrome devtool 看看 network，按 waterfall 排序看看加载顺序。
好奇你这里 manifest 后面的参数是哪儿来的，这个导致了 manifest 没有被缓存

Answer 2

建议你使用html-webpack-plugin这个插件来自动引入打包好的文件，不需要操心引入的先后顺序问题。