[vue] 多页应用

1、根目录 （package.json同级）vue.config.js

module.exports = {
	publicPath: './',
	pages: {
		index: {
			entry: './src/main.js',
			template: './src/public/index.html',
			filename: 'index.html',
			title: '主页',
		},
		abouts: {
			entry: './src/pages/abouts/main.js',
			template: './src/pages/abouts/index.html',
			filename: 'abouts.html',
			title: '关于',
		},
		homes: {
			entry: './src/pages/homes/main.js',
			template: './src/pages/homes/index.html',
			filename: 'homes.html',
			title: '家',
		},
		apps: {
			entry: './src/pages/apps/main.js',
			template: './src/pages/apps/index.html',
			filename: 'apps.html',
			title: '应用',
		},
	},
};

2、目录结构

3 、cnpm run build 打包 dist 目录效果