前端 - webpack2：多页面打包bundle出错

问题描述

问 题

由于要在一个老项目中引入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用这个变量的时候就是空对象了

解决方案

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

这篇关于前端 - webpack2：多页面打包bundle出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！