如何使用vue-cli3构建基于libs的Vue项目库？

本文共计1855个文字，预计阅读时间需要8分钟。

前言：在撰写这篇博客之前，我思考过这些问题，你是否也曾经困扰过呢？

1.当你觉得自己写的好东西，是否只是想存下来，方便下次使用的情况？

2.是否经常觉得时间不够，很多想写的内容都没有机会记录下来？

前言：当我写这篇博客之前我想过这些问题，是否你也被困扰过呢？

1：当你有自己觉得写的好的组件，是不是有一种想存下来，方便下一次使用的情况？

2：是不是大多数时候都是使用cv大法？from "a" to "b" to “c” to anyWhere.....

3：是不是你的的组件跟你npm install下来的有很大区别？

4：是不是想定义一套规则来管理公司项目的组件？（当然前提你得是，，，，大佬）

一：创建默认项目

使用 vue create xxx 创建一个默认项目

二：修改原始目录结构

创建的默认目录如下，我们需要将原本的src目录改为examples，然后创建packages目录来编写自己的组件库文件，（其实目录命名你开心就好，，）

好了，接下来划重点！

三：配置example & packages

到这里你可能发现了，项目无法跑起来了，因为我们没有了原始默认的入口文件

在根目录下创建vue.config.js配置文件（vue-cli3的配置文件，在这里的配置会覆盖脚手架webpack默认的配置项）。