Webpack加载遗留代码

Question

我是一名Webpack初学者，他试图通过在几个ES6模块中对Webpack和Babel进行分解来重构旧的JavaScript / jQuery应用程序。

到目前为止，我已经成功地重构了应用程序的核心组件，但现在我已经遇到了一个需要jQuery（v2.2）和另一个库（BIMsurfer @V1）的模块在全局范围内可用

问题是BIMsurfer库不是作为模块设计的，而是使用Grunt生成缩小文件。

我已经看到我可以使用webpack.ProvidePlugin，但我收到了这个错误：

TypeError: $.extend is not a function [bimsurfer.js:14]

我创建了一个GitHub repo，其中包含用于重现错误的最小代码。

我的目标是使用我的JavaScript库生成一个可以在多个应用程序中重复使用的捆绑包。

Answer 1

下载你的回购并做了一些测试。 webpack配置很好。但是还有其他问题需要解决。

1. src / libs / jquery.js文件为空。
2. 在src / libs / bimsurfer / bimsurfer.js文件中，在第15015和22438行，WebGLDebugUtils和SceneJS_PubSubProxy的声明缺少var关键字。

一旦你解决了这两个问题，你应该能够在chrome devtool中看到一个干净的控制台。