小前端有一个大梦想。属于我们的UI组件库应该是一个很好的小目标。在通常的发展中，我们每天都处理它。您编写的每个VUE文件都可以视为组件，但是通用性不同。组件编写的内容太多。随着时间的流逝，您将有冲动写一个组件库。实际上，为了改善B网格，当您与其他人交谈时，您说您已经写了一个UI库，其他人则认为您可能有点挂了.Kay，不要吹B，快点？JavaScript
源代码地址：github.com/lgq627628/x ... CSS
我们可能会习惯于在VUE中引入组件的方式，因此我们必须首先合并引入组件的方式。使用栗子？通常我们的用法是：html
以上两种方法可用于全球注册组件，但参数是不同的。可以选择哪种方法，但请注意第二种方法。此方法要求组件本身具有安装方法。由于执行的执行而将执行，因此我们需要编写一个安装。您不需要更真实。在篱笆下是这种情况，哦，不是吗？?♀?，它应该站在伟大的上帝的肩膀上？前端
不用说此步骤，执行它（您安装了VUE-CLI3的前提），然后查看自己以选择一些配置。几次之后，可以使用一个清爽的初始项目。这里我没有选择使用Typescript（主要是因为我还没有习惯），因此我选择了Typescript的同学来注意。也许会有少量写作。
当我们还不够的时候，模仿是一种强大的学习能力？
更改目录后，您会惊讶地发现该项目无法运行。这没关系，毕竟SRC已经消失了，并且该路径已决定报告错误。因此，我们现在来了解决此问题。在根目录中创建一个新的vue.config.js文件（新项目并非没有此文件），并编写以下内容：node：node：node
上面的注释应该很好地编写，主要是为了修改别名，修改入口文件并将新文件添加到WebPack编译中。不了解的同学可以访问Vue CLI官方网站查看它。以上是清晰的，但我只是明白了一个或两种配置？？？，我还没有学到webpack的例程，因为它经常在使用时使用，您不必暂时忘记它， 不可能？?♀?大脑不好。
组件库如何没有组件，因此我们必须先编写一个测试组件（您可以随便写，这不是重要的）。SRC文件夹在测试文件夹下方，然后在SRC文件夹下创建一个新的Test.vue组件。
您应该理解它，但要解释更多。点娘这里的主要重点是名称尤为重要。我在这个坑里呆了很长时间。首先，它必须写作，为什么，您可以将其理解为ID，并使用唯一的标识符组件。将来，我们将通过此名称找到并确定它是什么组件，因此您编写的所有组件都是您编写的所有组件。其次，此名称是我们的最终标签名称，就像我们在这里的名称一样，我们当时写的标签是这样的，就像元素一样，名称是，当使用时。
让我们在软件包/测试下创建一个新的index.js文件，下面是特定代码：
此步骤的本质是将安装方法扩展到组件。至于为什么要扩展这种方法，已经提到了本文的开头。这是由于需要的，默认情况下使用的使用将调用安装方法安装。然后，我们还在软件包下创建了一个新的index.js文件。请注意，它与上述索引不同。上面安装了一个组件。这是为所有组件安装的。首先查看代码：
此步骤的主要用途是统一导出所有组件并将其曝光方法。在上一个index.js中，它仅安装在单个组件中，现在此index.js是圆形安装所有组件。特定用途取决于您是否需要按需引用它。这里是您观看的目录结构：
因为此步骤非常重要，因此建议您停止和理解消化。您可能会问，为什么要构建这样的目录？原因是什么？。
好的，该组件已经完成，我们将在旁边的示例中进行测试，以查看是否可以成功地引用它。首先，在示例中介绍Main.js中的正义书面袋，就像以下内容一样：
然后删除家庭中的内容。在示例/视图下进行投票，然后将其写入标签组件，就像以下内容一样：
好吧，让我们运行该项目并查看效果，嗯，让我们化妆。
在VUE-CLI3中，我们可以通过以下命令将一个单独的入口打包到库中：
应该注意的是，在库模式下，包装的库不包含vue。
然后，您可以生成要执行的库。看看左侧的目录是否更多是LIB文件夹，这就是我们要发布的内容。
此外，LIB目录下方有几个JS，这是适当的
一切都准备就绪，只有欠。
最后，执行登录NPM帐户，然后发布。可以通过两个简单的步骤找到它。一段时间后，您可以在NPM上找到它，尽管您有一个NPM帐户，但如果没有它，则可以注册一个。这很容易，然后您需要搜索是否使用了NPM软件包名称。
最后，我们努力工作，我们可以引用我们自己写的库拉，并考虑一下。不要兴奋，让我们进行测试，使用另一个新项目，然后能够在node_modules中看到我们的包。
然后将其引入main.js：
这样，我们可以在页面上介绍组件。哈哈哈哈，小偷快乐和快乐。
考虑一下您为团队维护组件库的好处。当然，良好的内存不如烂键板好，并且理解并不表示精通。只有经历它确实令人难忘，这是突然抒情的，最终仍然强调了这一点。当级别不够的时候，模仿是一项必要的技能，就像我一样。但是没关系。这只是一个过程。当您编写代码几年时，总会有一些想法，然后您可以慢慢沉淀出属于自身的东西。我们只是站在巨人的肩膀上。
https://lequ7.com/guan-yu-duan-qian- xi-zu-jian-jian-shi-an-an-an-xu-yin-ji-zhong-hong-html
原始：https：//juejin.cn/post/7094816108087246885