Vue3.0配置多页面应用

源码下载

一、添加两个测试页面，Test01，Test02，目录结构如下：

二、在根目录下新建vue.config.js文件
添加如下代码：

module.exports={
    publicPath:'./',
    lintOnSave: false, 
    devServer: { 
        overlay: { 
            warning: false, 
            errors: false 
        }
    },
    productionSourceMap: false,
    pages: {
        Test01: {
            entry: 'src/pages/page1/main.js', 
            template: 'public/index.html', 
            filename: 'Test01.html', 
            title: 'Test01标题', 
            chunks: ['chunk-vendors', 'chunk-common', 'Test01']
        }, 
        Test02: { 
            entry: 'src/pages/page2/main.js', 
            template: 'public/index.html',
            filename: 'Test02.html', 
            title: 'Test02标题',
            chunks: ['chunk-vendors', 'chunk-common', 'Test02']
        },
    }
} 

三、编译代码后生成dist文件夹

四、在源码中可以看到对应的js和css已经正确生成并引用