vue打包如何将单页面应用打包成多页面应用

添加链接描述

在这一步里需要改动的文件都在build文件下，分别是：
utils.js
webpack.base.conf.js
webpack.dev.conf.js
webpack.prod.conf.js

assets,components,pages分别是静态资源文件、组件文件、页面文件。

前两个就不多说，主要是页面文件里，我目前是按照项目的模块分的文件夹，你也可以按照你自己的需求调整。然后在每个模块里又有三个内容：vue文件，js文件和html文件。这三个文件的作用就相当于做spa单页面应用时，根目录的index.html页面模板，src文件下的main.js和app.vue的功能。

原先，入口文件只有一个main.js,但现在由于是多页面，因此入口页面多了，我目前就是两个：index和cell，之后如果打包，就会在dist文件下生成两个HTML文件：index.html和cell.html(可以参考一下单页面应用时，打包只会生成一个index.html,区别在这里)。

这样写完还不行，运行的时候汇报404的错误：运行时构建不包含模板编译器，因此不支持 template 选项，只能用 render 选项；
写的时候把component组件的形式改为render的形式；

页面跳转的时候路径不对的话去配置文件中改： assetsPublicPath: ‘/’,