使用webpack打包项目后,页面报错:webpackJsonp is not defined?
但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined,页面出现这样的报错情况,在plugins配置了 new webpack.optimize.CommonsChunkPlugin() 代表生成了一个公共文件,但是页面还没有引用这个公共文件
1 2 3 4 5 6 7 8 9 10 |
// 比如你这样配置了 new webpack.optimize.CommonsChunkPlugin({ name: 'vendor' }), new webpack.optimize.CommonsChunkPlugin({ name: 'manifest' }) new webpack.optimize.CommonsChunkPlugin({ name: 'app' }) |
先搜索你的相应webpack配置文件,找到 new webpack.optimize.CommonsChunkPlugin配置的name名称,知道名称后去找到HtmlWebpackPlugin插件,添加如下配置即可
1 |
chunks: ['vendor', 'manifest'] //注意这里是参考案例,根据你的实际name名称修改 |
另附一张截图

webpack打包项目后,页面报错:webpackJsonp is not defined解决方法