当前位置: 首页 > 网络应用技术

你能写一个vite插头吗?没关系,我教你!

时间:2023-03-06 15:45:10 网络应用技术

  大家好,我是大师。现在这些工具即将开始,我们可以做一个有意义的事情,例如写一件,您怎么看?

  碰巧,我们可以利用生态学来制作插头来使自己建立自己,让领导和使社区一起快乐。

  如果您对Vite感兴趣,可以去看列:“从开始到熟练的Vite”

  实际上,这是一种新型的Web开发前端构建工具。

  您可以扩展自己做不到的事情,例如,等等。

  我相信这里的每个同学,相关的配置和常见的插件现在都在负责;

  作为一种新型的前端构造工具,它仍然很年轻,并且有很多扩展。那么,为什么我们现在不使用它呢?对我有意义的事情呢?

  如果要编写插头,则必须从创建项目开始。以下每个人都可以在将来写一个插头 - 直接使用克隆。

  插件 - gm github:经验条目

  插件 - github:经验入口

  建议使用优先级:PNPM> YARN> NPM> CNPM

  说一个长时间的谈话,直接做?

  1.1创建一个文件夹并初始化:根据提示操作初始化它

  1.2安装

  1.3配置

  1.4安装

  其中,将在下面详细说明vite插头函数钩?

  在这一点上,然后我们的基本模板是构建的,但是现在我们考虑一下,我们应该如何运行此插头?

  然后,我们需要创建一些示例来运行此代码。

  我在这里创建了三组项目,每个人都可以复制它。我不会在这里详细介绍它。

  如果您的插件需要运行更多演示,请自己创建一个项目;

  然后,我们需要在示例下配置项目,以与当前根目录的插头建立关节(以下是一个示例)。

  注意:和谐的配置与此一致

  思考:

  在这一点上,让我们再次考虑一下,我们已经在中国分配了该项目,但是我们应该如何运行呢?

  直接进入目录还是运行?

  这显然没有成功,因为我们的根目录无法直接运行,因此我们需要将文件转换为文件。

  那么我们该怎么办?

  然后,我们必须尝试使用一个小工具。

  它是一个小而没有配置,得到了支持的支持;

  同时,它可以直接以不同格式变成工具。

  注意:

  如果您的插头仅在构建时运行,则将其设置为;

  跑步

  你可以到达这里,Yuxi说很酷?

  所以在这里,我们已经写了它。您可以直接使用克隆的Vite-Plugin-Template模板;

  如果您有兴趣和感兴趣,则可以继续看到它;

  让我们以插头为例;

  插件 - 地址:github如果您认为很好,欢迎星星??

  官方文件已通过vite收集插件:链接地址

  由于文章的重点不是此插件的详细实现过程,因此本文仅发布在源代码上以供您参考。详细的介绍将在下一篇文章中进行解释。请等待看看!

  该系列将是一个连续的更新系列。关于“从开始到熟练程度的Vite”的整列,我将主要从各个方面各个方面解释。请等待!

  ,我在这里看过它,你不喜欢吗?

  原始:https://juejin.cn/post/7103165205483356168