詳解VueCLI3多頁應(yīng)用實(shí)踐和源碼設(shè)計(jì)-創(chuàng)新互聯(lián)

 對(duì)于一個(gè)網(wǎng)站來說,即需要h6頁面也同時(shí)需要web頁面,而h6和web頁面共用很多代碼,不做響應(yīng)式,只能拆分兩個(gè)頁面來寫,一個(gè)h6,一個(gè)web.用vue cli3怎么配置h6與web的應(yīng)用呢?

成都創(chuàng)新互聯(lián)科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供香港機(jī)房服務(wù)器托管，高防主機(jī)，成都IDC機(jī)房托管，成都主機(jī)托管等互聯(lián)網(wǎng)服務(wù)。

解決思路:

首先,需要產(chǎn)生多頁面應(yīng)用,用webpack配置成多頁面應(yīng)用,一個(gè)h6一個(gè)web,這個(gè)網(wǎng)上已經(jīng)有很多教程了,下面會(huì)再整理一次,接著把所有公共的代碼提到多頁面目錄外面.

我們看一下官網(wǎng)給的 multi-page 的配置：需要在 vue.config.js 配置 pages，示例如下：

pages: {
 index: {
  // page 的入口
  entry: 'src/index/main.js',
  // 模板來源
  template: 'public/index.html',
  // 在 dist/index.html 的輸出
  filename: 'index.html',
  // 當(dāng)使用 title 選項(xiàng)時(shí)，
  // template 中的 title 標(biāo)簽需要是 <title><%= htmlWebpackPlugin.options.title %></title>
  title: 'Index Page',
  // 在這個(gè)頁面中包含的塊，默認(rèn)情況下會(huì)包含
  // 提取出來的通用 chunk 和 vendor chunk。
  chunks: ['chunk-vendors', 'chunk-common', 'index']
 },
 // 當(dāng)使用只有入口的字符串格式時(shí)，
 // 模板會(huì)被推導(dǎo)為 `public/subpage.html`
 // 并且如果找不到的話，就回退到 `public/index.html`。
 // 輸出文件名會(huì)被推導(dǎo)為 `subpage.html`。
 subpage: 'src/subpage/main.js'
 }

標(biāo)題名稱：詳解VueCLI3多頁應(yīng)用實(shí)踐和源碼設(shè)計(jì)-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://bm7419.com/article14/ggdde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、小程序開發(fā)、域名注冊(cè)、搜索引擎優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)