Nyarn 是一个用于替代 npm 的包管理工具。它的目标是为了解决 npm 安装包过程中的一些问题,以及提升安装速度,让前端工程师们更加高效地管理自己的项目。
本篇文章将为大家介绍 nyarn 的使用方法,并提供示例代码以加深理解。
安装 Nyarn
安装 nyarn 这个包管理工具,其实跟 npm 一样简单。只需在终端中输入以下命令即可完成安装。
npm install -g nyarn
创建一个新项目
使用 nyarn 创建新项目,跟使用 npm 是一样的。只需要在终端中输入以下命令,便可创建一个新项目。
nyarn init
安装依赖包
想要在项目中安装依赖包很简单,只需要在项目的根目录下,运行以下命令即可。
nyarn add [package-name]
例如,我们想安装一个名为 react
的包,我们只需要这样输入:
nyarn add react
除了用上述命令安装包,还可以通过 nyarn install
命令批量安装多个包,例如:
nyarn install react react-dom redux
注意:nyarn 构建的包依赖树与 npm 类似,如果你使用了深层依赖的包,nyarn 需要递归安装整个依赖树以确保所有依赖的包都安装成功。
卸载依赖包
如果需要卸载项目中的依赖包,可以使用以下命令:
nyarn remove [package-name]
例如,我们要卸载 react
包,只需输入以下命令:
nyarn remove react
同样的,我们也可以使用 nyarn uninstall
命令批量卸载多个包,例如:
nyarn uninstall react react-dom
更新依赖包
如果想要更新一个或多个依赖包,可以使用以下命令:
nyarn upgrade [package-name]
例如,我们想要更新 react
包,我们只需要这样输入:
nyarn upgrade react
如果想要更新所有依赖的包,可以将更新包名参数设为 -a
,例如:
nyarn upgrade -a
安装包到固定版本
nyarn 支持你安装一个包的固定版本,只需要在包名后加上 @版本号
,例如:
nyarn add react@16.8.0
执行了以上命令后,会把项目中的 react 包更新到版本 16.8.0。
使用私有仓库
如果你正在使用私有仓库,可以在项目的根目录下,创建一个 .npmrc
文件。然后添加以下代码:
@me:registry=https://registry.npmjs.com/ //npm.pkg.github.com/:_authToken=<TOKEN>
其中 me
可以替换成你自己的包名,<TOKEN>
替换成你在 GitHub 生成的 token。
使用示例
以下是一个简单的 nyarn 项目示例。在项目中,我们引入了 react
和 react-dom
包,通过 webpack 将它们打包,最终将代码渲染至 index.html
文件中。
项目结构
-- -------------------- ---- ------- -------------- --- ------------ --- ----------------- --- ---- - --- -------- --- ----- - --- --------- --- ---------- --- ----------------- --- ---------
package.json
-- -------------------- ---- ------- - ------- ---------------- ---------- -------- -------------- --- ------- ----------- --------------- - -------- ---------- ------------ --------- -- ------------------ - ---------- --------- -------------- -------- -- ---------- - -------- --------- - -
src/index.js
import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render( <h1>Hello, Nyarn!</h1>, document.getElementById('root') );
index.html
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ------------ ------------ ------- -------------------------------- ------- ------ ---- ---------------- ------- -------
webpack.config.js
-- -------------------- ---- ------- ----- ---- - ---------------- -------------- - - ------ ----------------- ------- - --------- ------------ ----- ----------------------- ------- -- ------- - ------ - - ----- -------- -------- ---------------------------------- ---- - ------- --------------- -------- - -------- --------------------- ---------------------- - - - - - --
yarn.lock
-- -------------------- ---- ------- - ---- -- -- ------------- ----- -- --- ---- ---- ---- --------- - ---- -------- -- -------------- ------- --------- -------- ------------------------------------------------------------------------------------------------- --------- ---------------------------------------------------------------------------------------------- ------------- ------------ -------- ------------- -------- ------------------ ------- --------- -------- --------------------------------------------------------------------------------------------------------- --------- ---------------------------------------------------------------------------------------------- ------------- ------------ -------- ------------- -------- --------- ---------
使用命令行
- 构建项目
nyarn run build
- 运行项目
打开 index.html
文件即可。
总结
nyarn 是一个高性能和易于使用的 npm 替代品,可以帮助前端团队管理项目的依赖关系。它的使用方式也大多与 npm 相同,这也为使用者提供了很多方便,同时还可以提供更快的包的安装速度。
在开发过程中,nyarn 支持你很好地管理前端项目的依赖,并且可以帮助提高生产力。我相信,这篇文章会对使用 nyarn 的开发人员有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671a730d0927023822698