时间戳

首页 > 解决方案 > Webpack 加载遗留代码

javascript - Webpack 加载遗留代码

问题描述

我是一个 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 存储库 来重现错误。

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

标签： javascriptwebpackbundle

解决方案

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

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

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

推荐阅读