Webpack 是否足够智能，可以让 jQuery 更轻量？

Question

我知道这是一个非常简单的问题，但我还没有看到任何像这样直接的问题/答案。我正在尝试确定 jQuery 是否值得保留在我的 React 应用程序中，并且我几乎完全将它用于 ajax。webpack 是否足够智能以仅在包中包含 jQuery 的 ajax 部分？

Answer 1

不，即使您使用的是 Webpack 2（webpack 1 和之前的版本没有实现 tree-shaking；也就是说，整个模块都将包含在您的包中，而不仅仅是包中）那些你导入的）这是因为 jquery 在 NPM 中是如何出售的：作为一个大型 jquery.js 模块。

如果您打算使用 jquery，有一些方法可以仅使用 ajax 模块来构建 jquery，但这将需要一些手动工作（例如，您不能只是这样做import {ajax} from 'jquery'）。有一个 lodash 的 babel 插件，它在自己的模块中提供每个方法，所以你不必在你的 webpack 构建中包含所有 lodash。它是一个 babel 插件，因为它依赖于import { some_method } from 'library'语法。

如果您正在寻找一个简单的 ajax 库，我强烈建议您使用isomorphic-fetch（在浏览器中，它只使用 'whatwg-fetch'）。它使您的代码非常整洁。