[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 目錄效果