十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
背景

當我們基于vue開發(fā)單個項目時,我們會init一個vue-cli,但當我們想在其他項目里共用這套模板時,就需要重新init一個,或者clone過來,這非常不方便,而且當多人開發(fā)時,我們希望所有的開發(fā)代碼都在一個git目錄下,這時就有了對webpack進行配置的需求,當有些頁面需要多入口時,我們又產(chǎn)生了對多入口配置的需求,這里提供一種配置方案,希望能幫助到有需要的人,廢話不多說,我們開始吧!
先初始化一個項目
我們通過vue init webpack demo 生成的文件目錄是這樣的

修改項目入口
要改多入口,首先改造一下 webpack.base.conf.js 中的 context 和 entry 。
context:基礎目錄,絕對路徑,用于從配置中解析入口起點(entry point)和 loader。
entry:起點或是應用程序的起點入口。從這個起點開始,應用程序啟動執(zhí)行。
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: './src/main.js'
},
};另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。