vue多頁面開發

最外層有index.html，在src資料夾下，有pages資料夾分別包含content.html，info.html，此外你也可以擴充套件更多的page，這裡就不多贅述。那麼要怎麼修改配置檔案，實現多頁面功能呢？

1. 修改打包入口檔案位址

在build資料夾下，webpack.base.conf.js中，按如下修改

entry: ,

// template for index.html

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

plugins: [

new webpack.defineplugin(),
new webpack.hotmodulereplacementplugin(),
new webpack.namedmodulesplugin(), // hmr shows correct file names in console on update.
new webpack.noemitonerrorsplugin(),
// new htmlwebpackplugin(),
// info.html
new htmlwebpackplugin(),
// content.html
new htmlwebpackplugin(),
// copy custom static assets
new copywebpackplugin()]

new htmlwebpackplugin(,

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

比如info

info.html

import vue from 'vue'

import info from './info.vue'
vue.config.productiontip = false
new vue()

在頁面上，可以通過

info.html

vue 多頁面開發配置

增加 vue.config.js 內容如下 const fs require fs const path require path const glob require glob const titles require title.js const mod path path.resolve di...

vue2 0多頁面開發

我們平常用vue開發的時候總覺得vue好像就是專門為了單頁面應用而誕生的，其實不是。因為vue在工程化開發的時候很依賴webpack，而webpack是將所有的資源整合到一塊，弄成乙個單頁面。但是vue不止可以做單頁面，它還可以做多頁面，如果要做多頁面的話需要對他的依賴，也就是webpack就是重新...

vue 多頁面應用例子 vue 如何實現多頁面應用

其實我孤獨的像條狗 再此我先說明 我寫的這個例子是乙個成熟的專案中直接加入的,裡面有好多配置都是配好的 但是這些都不重要,因為沒有太大的關係,進入正題 我們平時開發 vue專案的時候,就有一種感覺就是 vue就像是專門為單頁應用而誕生的,因為人家的官方文件中也說了 在這裡插入描述 其實不是的,因為v...