vue多頁面設定

本文參考：

進入\build\webpack.base.conf.js目錄下，在module.exports的域裡，找到entry，在那裡配置新增多個入口：

entry:

,

接下來就是對開發環境run dev裡進行修改，開啟\build\webpack.dev.conf.js檔案，在module.exports那裡找到plugins，下面寫法如下：

plugins:
[new
webpack.defineplugin()
,new
webpack.hotmodulereplacementplugin()
,// hmr shows correct file names in console on update.
newwebpack.namedmodulesplugin()
,new
webpack.noemitonerrorsplugin()
,// 
newhtmlwebpackplugin()
,new
htmlwebpackplugin()
,// copy custom static assets
newcopywebpackplugin([
])]

之後就對run build也就是編譯環境進行配置。首先開啟\config\index.js檔案，在build裡加入這個：

index: path.
resolve
(__dirname,
'../dist/index.html'),
login: path.
resolve
(__dirname,
'../dist/login.html'
),

然後開啟/build/webpack.prod.conf.js檔案，在plugins那裡找到htmlwebpackplugin，然後新增如下**：

new
htmlwebpackplugin(,
// necessary to consistently work with multiple chunks via commonschunkplugin
chunkssortmode:
'dependency'
,      chunks:
['manifest'
,'vendor',]
}),new
htmlwebpackplugin(,
// necessary to consistently work with multiple chunks via commonschunkplugin
chunkssortmode:
'dependency'
,      chunks:
['manifest'
,'vendor'
,'login']}
),

配置完了，接下來新建乙個login.html和login.js, andlogin.vue

login.js可以這樣寫

import vue from
'vue'
import login from
'./login.vue'
vue.config.productiontip =
false
/* eslint-disable no-new */
newvue
()

login.vue

>
"login"
>
>
login
>
div>
template
>
>
import login from
'./components/login'
export
default
}script
>

啟動專案。。。。

，然後，

失敗了。。。。

報了個錯：vue uncaught rangeerror: maximum call stack size exceeded

經過一系列的查詢，終於找到什麼錯了，原來我的兩個vue檔案重命了，大家都叫login.vue,改掉另外乙個就可以了

啟動頁面設定

指定一定的時間來顯示自己的或者公司的logo，那麼，我就將剛剛寫好的啟動載入頁面設定貢獻出來。這裡我需要用到nstimer這個東西，相關的內容可以檢視api，有比較詳細的解釋。lo logoviewcon alloc initwithnibname logoviewcon bundle nil s...

啟動頁面設定

手機頁面設定

1 將準備好的八個圖示複製到res drawable資料夾下 1 建立手機資訊頁面程式編入此程式 xmlns tools android layout width match parent android layout height match parent android backgroun...

vue多頁面設定

啟動頁面設定

啟動頁面設定

手機頁面設定

相關推薦