yarn2.0

最新推荐文章于 2024-07-10 20:45:14 发布

HonoraSu

最新推荐文章于 2024-07-10 20:45:14 发布

阅读量897

点赞数 1

分类专栏： yarn 文章标签： yarn

本文链接：https://blog.youkuaiyun.com/HonoraSu/article/details/104491620

版权

yarn 专栏收录该内容

1 篇文章

订阅专栏

Yarn 2.0 引入了新特性，包括内置的npn模式，改变了依赖管理方式，使用.yarn文件夹和.pnp.js提高效率。新增插件系统允许扩展功能，以及支持新的命令和协议。配置和锁定文件采用YAML格式，内部使用TypeScript开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Facebook在今年发布了yarn2.0版本，感觉V2和V1相比还是有一些新的东西加入和很大的改变，尝试着使用了一下yarn V2，做了一个简单的总结；

首先在全局下安装最新的版本

npm install -g yarn@berry

运行

yarn dlx create-react-app my-app

使用react脚手架生成一个项目，由于yarn2.0直接将npn模式内置了，打开项目会发现，没有node_modules文件夹，而是.yarn文件夹和.pnp.js

.yarn文件夹下cache文件夹里面是放所有依赖的压缩包，zip格式，相对而言压缩了整个项目体积；
.yarn文件夹下unplugged文件夹是放解压过后的安装包，使用yarn unplug xx 进行解压，解压后的依赖就在这个目录下；
.pnp.js的主要作用是直接告诉node去哪个目录下查找哪个模块，不需要再按照node_modules之前的查找模式一步步的向上查找，提高了查找效率。

这是yarn V2最大的一个变化，其次还有一个功能相对于开发来说也是一个很好的功能，就是可以通过插件去扩展yarn；

新建一个plugin-hello.js文件，然后再建一个.yarn.yml（yarn2.0的配置文件和锁定文件都更改为纯YAML格式），在.yarn.yml里面写

plugins:
  - ./plugin-hello.js

然后在plugin-hello.js里面写插件，这个是yarn官网上给的一个例子，咱直接copy过来尝试一下

module.exports = {
    name: `plugin-hello-world`,
    factory: require => {
      const { Command } = require(`clipanion`);
      const yup = require(`yup`);
      class HelloWorldCommand extends Command {
        async execute() {
          this.context.stdout.write(`Hello ${this.email} 💌\n`);
        }
      }
      HelloWorldCommand.addOption(`email`, Command.String(`--email`));
      HelloWorldCommand.addPath(`hello`);
      HelloWorldCommand.schema = yup.object().shape({
        email: yup
          .string()
          .required()
          .email()
      });
      HelloWorldCommand.usage = Command.Usage({
        description: `hello world!`,
        details: `
            This command will print a nice message.
          `,
        examples: [
          [
            `Say hello to an email user`,
            `yarn hello --email acidburn@example.com`
          ]
        ]
      });
  
      return {
        commands: [HelloWorldCommand]
      };
    }
  };

然后运行