大家好,我是大师。现在这些工具即将开始,我们可以做一个有意义的事情,例如写一件,您怎么看?
碰巧,我们可以利用生态学来制作插头来使自己建立自己,让领导和使社区一起快乐。
如果您对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