基于vue-cli3创建libs库的实现方法-创新互联

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

成都创新互联服务项目包括靖边网站建设、靖边网站制作、靖边网页制作以及靖边网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，靖边网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到靖边省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

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默认的配置项）。

//不熟悉配置的可官网查看 https://cli.vuejs.org/zh/config/#pages
module.exports = {
  pages: {
    index: {
     entry: 'examples/main.js',
     template: 'public/index.html',
     filename: 'index.html'
    }
   }
}

分享文章：基于vue-cli3创建libs库的实现方法-创新互联
文章地址：http://shouzuofang.com/article/cesspd.html