Webpack 加载遗留代码

Question

我是一名 Webpack 初学者，正在尝试通过在几个使用 Webpack 和 Babel 的 ES6 模块中分解旧的 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

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

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

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