# 下載依賴npm install# 運(yùn)行npm run devhttp://localhost:3000/login.htmlhttp://localhost:3000/index.html

vue init webpack webpack-multipage // 創(chuàng)建項(xiàng)目cd webpack-multipage // 進(jìn)入webpack-multipage目錄npm install // 下載依賴npm run dev // 運(yùn)行

|-- src |-- assets |-- components |-- entry  |-- index // index模塊   |-- components    |-- Hello.vue   |-- router    |-- index.js   |-- index.html   |-- index.js   |-- index.vue  |-- login // login模塊   |-- login.html   |-- login.js   |-- login.vue

# 先下載glob組件npm install glob -D

var glob = require('glob');exports.getEntries = function (globPath) { var entries = {} glob.sync(globPath).forEach(function (entry) { var basename = path.basename(entry, path.extname(entry), 'router.js'); entries[basename] = entry }); return entries;}

module.exports = { entry: utils.getEntries('./src/entry/*/*.js'), ...}

...// https://github.com/ampedandwired/html-webpack-pluginnew HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true}),...

var pages = utils.getEntries('./src/entry/*/*.html')for(var page in pages) { // 配置生成的html文件，定義路徑等 var conf = { filename: page + '.html', template: pages                        
123下一頁閱讀全文