前言
NPM 是一个非常流行的包管理器，可以用于管理 JavaScript 库和工具。其中一个常用的 JavaScript 库是 jQuery，它提供了一组优秀的 API，可以轻松地完成 DOM 操作、多种类型的动画效果、以及 AJAX 请求等任务。在本文中，我们将介绍如何使用 npm 包 jquery-slim-webpack，在 webpack 项目中引入 jQuery。
安装
我们使用以下命令安装 jquery-slim-webpack：
npm install jquery-slim-webpack --save
这将会在项目中安装 jquery-slim-webpack，并将其添加到 package.json 中的依赖列表中。
使用
在 webpack 项目中，我们使用以下代码引入 jQuery：
import $ from 'jquery-slim-webpack';
由于 jquery-slim-webpack 是一个 slim 版本的 jQuery，所以我们只能使用 jQuery 的核心功能。如果我们需要使用一些 jQuery 插件，建议使用完整版的 jQuery 安装包。
示例代码
我们可以使用以下示例代码来测试 jQuery 是否成功引入：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ------------
-------
------
---- -----------------------
------- -------------------------
-------
-------// app.js
import $ from 'jquery-slim-webpack';
$(() => {
$('#result').text('jQuery is working!');
});总结
使用 npm 包 jquery-slim-webpack 可以轻松地在 webpack 项目中引入 slim 版本的 jQuery，同时也能避免引入完整版的 jQuery，减小代码体积。在实际项目中，我们应该根据具体需求选择适合的 jQuery 版本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005672781e8991b448e3a65