基于vue-cli3創(chuàng)建libs庫的實現(xiàn)方法-創(chuàng)新互聯(lián)

前言：當我寫這篇博客之前我想過這些問題，是否你也被困擾過呢？

成都創(chuàng)新互聯(lián)服務項目包括靖邊網(wǎng)站建設(shè)、靖邊網(wǎng)站制作、靖邊網(wǎng)頁制作以及靖邊網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，靖邊網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到靖邊省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

1：當你有自己覺得寫的好的組件，是不是有一種想存下來，方便下一次使用的情況？

2：是不是大多數(shù)時候都是使用cv大法？from "a" to "b" to “c” to anyWhere.....

3：是不是你的的組件跟你npm install下來的有很大區(qū)別？

4：是不是想定義一套規(guī)則來管理公司項目的組件？（當然前提你得是，，，，大佬）

一：創(chuàng)建默認項目

使用 vue create xxx 創(chuàng)建一個默認項目

二：修改原始目錄結(jié)構(gòu)

創(chuàng)建的默認目錄如下，我們需要將原本的src目錄改為examples，然后創(chuàng)建packages目錄來編寫自己的組件庫文件，（其實目錄命名你開心就好，，）

好了，接下來劃重點！

三：配置example & packages

到這里你可能發(fā)現(xiàn)了，項目無法跑起來了，因為我們沒有了原始默認的入口文件

在根目錄下創(chuàng)建vue.config.js配置文件（vue-cli3的配置文件，在這里的配置會覆蓋腳手架webpack默認的配置項）。

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

網(wǎng)頁題目：基于vue-cli3創(chuàng)建libs庫的實現(xiàn)方法-創(chuàng)新互聯(lián)
分享鏈接：http://m.jiaotiyi.com/article/cesspd.html