pnpm概念+工作中常见功能实现

87 阅读1分钟

以v9-3的版本为例子

  • 锁定版本
  • workspace

五、使用pnpm install --shamefully-hoist 安装所有子项目的node_modules,是根据pnpm-workspace.yaml 配置:并且各个子模块都包含在其中。

六、package.json中的module字段作用? 直到现在,一些 npm 包都是基于 CommonJS 规范的,比如某个 npm 包的 package.json 文件:

{
  "name": "package1",
  "version": "1.0.0",
  "main": "lib/index.js"
}

当通过 require('package1')引入此包时,会根据 main 字段去查找入口文件。

而在 es2015 出现后,随之带来的 ESModule,也就是 ES6 模块系统,可以通过 import / export 引入和导出模块。

所以,我们有的第2个选择:

当代码打包为一个库或模块时,可以选择打包为 ES6 模块,并使用 module 字段来指定入口文件。

该入口文件使用 ES6 模块的导出语法(export)暴露相关功能。

{
  "main": "index.js",
  "module": "dist/index.js"
}

打包工具(webpack 或 rollup)在打包时,如果 npm 包存在 module 字段,会优先使用。如果没找到对应的文件,则会使用 main 字段,并按照 CommonJS 规范打包。

原文链接:blog.csdn.net/qq_40147756…

七、peerDependencies的作用

juejin.cn/post/717071…