使用 npm/yarn 引入插件

127 阅读1分钟

Yarn 安装 jQuery

  1. 运行 yarn init -y 会生成一个 package.json 文件
  2. 运行 yarn add jQuery 会生成一个 node_modules 文件
  3. 还会生成一个 yarn.lock 文件,里面提示从哪下载的依赖

上述的安装过程可以改为 npm init -ynpm install jQuery

使用 jQuery

  1. 按照上述步骤安装好 jQuery 后,需要到 main.js 文件中 import $ from jQuery
  2. 上述的 import $ from jQuery 过程表示,在 main.js 中通过 $ 的方式使用 jQuery

上述说的 $ 只是一个代名词,其实可以写别的,但是 jQuery 约定俗称的是 $

  1. 检查 jQuery 是否引入成功,可以通过 console.log($) 的方式查看
  2. 可以按照上述方法在 main.js 文件中引入 css 文件 import './reset.css'

注意:如要安装 yarn,一定不要通过 npm 来安装它,而是要到 yarn 官网下载安装包来安装。传送门