在使用 jQuery 的時候,我們需要知道是否需要導包。在使用純 JavaScript 的情況下,我們需要在 HTML 文件的 head 中導入 jQuery 的 js 文件才能使用 jQuery 提供的功能。但是如果我們使用了一些前端開發工具,如 Webpack 和 Gulp 等,那么就不需要手動導入 jQuery 了。
在使用 Webpack 對項目進行打包時,我們可以使用 npm 安裝 jQuery 插件,然后在 JS 文件中直接引入。Webpack 會自動打包 jQuery,不需要在 HTML 文件中手動導入。
// 安裝 jQuery 插件 npm install jquery // 在 JS 文件中引入 import $ from 'jquery' // 使用 jQuery $('div').hide()
同樣地,使用 Gulp 對項目進行構建時也可以使用 npm 安裝 jQuery 插件,并在 Gulpfile.js 中進行引入。
// 安裝 jQuery 插件 npm install jquery // 在 Gulpfile.js 中引入 const $ = require('jquery'); // 使用 jQuery $('div').hide();
因此,在使用一些前端開發工具的情況下,我們不需要手動導入 jQuery,而是通過使用 npm 安裝插件并引用它來使用它提供的功能。
下一篇css 仿寫禁用樣式