NPM 技巧

最新推荐文章于 2024-09-12 10:20:14 发布

chengRantianxia

最新推荐文章于 2024-09-12 10:20:14 发布

阅读量720

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_42822007/article/details/107495311

版权

前端专栏收录该内容

42 篇文章 1 订阅

订阅专栏

NPM，Node Package Manager，是 JavaScript 编程语言的软件包管理器。任何使用 Javascript 的开发人员都使用过这个出色的 CLI 工具来为他们的项目安装依赖项。

初始化

可以运行 npm init命令来初始化包，但是它会询问关于包、作者等信息。

另一种方法可以使用 npm init -y 命令自动生成我们的 package.json ，并使用 npm config 命令设置一些默认的初始化配置。

npm config set init-author-name "名字"
npm config set init-author-email "邮箱"

npm init -y

安装包（不同源）

NPM CLI 还允许从其他来源（例如 Bit ，tarball 文件，GitHub ，Bitbucket 和 gist ）安装 javascript 包。

# Install a component from Bit (set Bit as a scoped registry)
npm config set @bit:registry https://node.bit.dev
npm i @bit/username.collection.component
# Install from tarball stored locally
npm i ./local-tarball-package.tgz
# Install tarball package from internet
npm i https://abc/xyz/package.tar.gz
# Install from github repo
npm i githubuser/reponame
# Install from bitbucket repo
npm i bitbucket:bitbucketuser/reponame
# Install from gist
npm i gist:gistID

例如：

从Bit安装按钮组件

首先，将 Bit 配置为scope （范围包）

npm config set @bit:registry https://node.bit.dev

然后找到 button 组件，复制安装命令，使用NPM进行安装

npm i @bit/团队名.组件集名.组件名

从npm企业私库安装 Icon 组件

使用 scope 和企业私库关联起来。这样你就可以同时使用 npm 公共仓库和一些其他的私有仓库中的模块:

npm config set @xscope:registry https://xxx.com/npm/

多源安装：用户无感知

每次用户使用私有库的时候都需要切换 npm 镜像路径，利用 npm preinstall 的钩子，项目的 package.json 里增加 preinstall 要执行的脚本，这样合作方可以无感知的安装:

// 在执行 npm install 命令前，npm 会自动执行 npm preinstall 钩子
"scripts": {
    "preinstall": "node ./bin/preinstall.js"
}

配置 ./bin/preinstall.js：

const { exec } = require('child_process');

exec('npm config get registry', function(error, stdout, stderr) {
  if (!stdout.toString().match(/registry\.x\.com/)) {
    exec('  npm config set @xscope:registry https://xxx.com/npm/');
  }
});

删除重复的包

我们可以通过运行 npm dedupe 命令删除重复的依赖项。它通过删除重复的程序包并在多个从属程序包之间有效地共享公共依赖项，简化了总体结构。这样就形成了一个平面且具有重复数据删除功能的树。