use vue-cli3.0 scaffolding to build a multi-page project. The current project structure is like this
configure the multi-file entry in vue.config.js as follows:
import Vue from "vue"
import Router from "vue-router"
// import Home from "./views/Home.vue"
Vue.use(Router)
export default new Router({
mode: "hash",
base: process.env.BASE_URL,
routes: [
{
path: "/",
name: "home",
component: () => import("./views/Home.vue")
},
{
path: "/about",
name: "about",
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ "./views/About.vue")
}
]
})