webpack2：多页面打包bundle出错

Question

由于要在一个老项目中引入webpack2构建前端，而该项目属于多页面应用，所以第一步我先把他原来在index.html中引入的js，都在入口文件index.js中引入，然后打包成bundle.js，然后在index.html中引入bundle.js
如图：
原来的index.html

index.js

现在的index.html

webpack.config.js

出错的地方：
打包可以正常打包，但是浏览器页面加载时会报js的问题，如图：

Thanks for any help!!!

找到原因所在了，就是index.js之前引入的一个base_component.js中声明了一个变量BaseComponent,然后之后引入的js用这个变量的时候就是空对象了

Answer 1

需要暴露BaseComponent => module.exports = BaseComponent

Answer 2

看下是否是这个原因： https://github.com/59naga/bab...

Answer 3

谢邀，很抱歉，这个问题回答不了，因为是代码逻辑错误，不是webpack的错误，
提供一个思路:
1.在错误地方打个短点，查看找到undefined变量，
2.找到该变量产生的源头
3.使用chrome调试，一般问题都可以解决

Answer 4

可以看看这个，提供了多页的架构 https://segmentfault.com/a/11...