Skip to content

BiYuqi/vue-multiple-pages

Repository files navigation

Vue Multiple Pages 👋

Vue多页面配置实例

打包后按页面输出

Mutiple Setting

const path = require('path') const glob = require('glob') const generateEntries = () => { // 默认查询多页面地址 const PATH_ENTRY = path.resolve(__dirname, './src/pages') // 约定构建出的页面用folder名字,默认入口为每个页面的main.js const entryFilePaths = glob.sync(PATH_ENTRY + '/**/main.js') const entry = {} entryFilePaths.forEach((filePath) => { const filename = filePath.match(/([^/]+)\/main\.js$/)[1] entry[filename] = { entry: filePath, template: 'public/index.html', filename: `${filename}.html`, // title可不传,每个页面单独设置 title: `${filename} Page`, chunks: ['chunk-vendors', 'chunk-common', filename] } }) return entry } module.exports = { generateEntries }

Usage

git clone https://github.com/BiYuqi/vue-multiple-pages.git cd vue-multiple-pages yarn install yarn run serve yarn run build

About

多页面vue项目,支持打包后每个页面也单独文件夹(具体请看README)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •