VueCli3.0如何构建多页面？

Question

只用Vue做过单页面的开发，用多路由实现的。想知道VueCli3.0怎么实现多页面？中间的引用会被webpack打包么

Answer 1

根目录下添加 vue.config.js 写入
module.exports = {

pages: {

    index: {
        // entry for the page
        entry: 'src/login/login.ts',
        // the source template
        // title: "Login page",
        template: 'src/login/login.html',
        // output as dist/index.html
        filename: 'index.html',
    },
    main: {
        entry: 'src/main.ts',
        // title: "main page",
        template: 'src/index.html',
        filename: 'main.html',
        chunks: ['app']
    }
}

}

自行修改url,跟之前2。9版本里面多入口 多html页面类似

Answer 2

在 webpack 中增加一个打包入口就好了，webpack 的打包是根据文件的引用关系打包的，引用了就会被打包，你可以再写一个入口和打包配置，其他的配置可以共享的。看这里

Answer 3

https://cli.vuejs.org/zh/conf...