使用 webpack 重构

Question

我正在尝试使用 webpack 来重构一个完全不使用模块化的 backbone 应用程序。 所有模型和视图都通过脚本标签添加到 index.html 并且在全球范围内可用。 我已经阅读了一些关于使用 webpack 进行重构的教程，但它们似乎只考虑了在已经使用模块的应用程序上使用 webpack。 你知道是否有一种方法可以将 webpack 添加到像我这样的应用程序中，而不必重构每个 js 文件？ 谢谢

Answer 1

您将不得不对每个 js 文件进行一些修改，但 Webpack 会自动将每个文件视为一个模块（类似于将每个文件包装在 IIFE 中 http://benalman.com/news/2010/11/immediately-invoked-function-expression/）。

您要做的是定义哪些模块对其他模块有依赖性。具有依赖关系的模块需要定义它们。 Webpack 支持许多模块语法，并且开箱即用 Commonjs 和 AMD。 Commonjs 是 webpack 的推荐语法。最好的起点可能是本指南： https://github.com/petehunt/webpack-howto