【Webpack】解决使用webpack压缩js和css后 引入新的js后多了[object Object]显示在页面下方的问题

问题描述：

如题，最终页面结果出现下面的问题

分析问题：

 追踪了这个[object Object]，发现他是打印在新引入的js下方的，初步分析肯定是打包的时候出现了问题。

经过分析打包所需的几个js后，发现问题出现在入口(entry)js中：

问题出现在第二行，打包时webpack对第二行代码做了如下两件事：

1. require("./codecopy.js")：正确的引入codecopy.js文件。
2. document.write();：将require("./codecopy.js")这个对象打印在页面上。

最终就出现上面的这种情况。

博主还特意做了个测试：

首先是正常的：

然后是出错的：

解决问题：

相信大家看完这篇博文后应该已经知道该怎么做了吧~