Vue CLI多页面脚手架改造详解
官方脚手架的单页面限制，确实让多页面开发有点尴尬。Vue CLI默认只支持 SPA，但多时候，还真就得做 MPA。嗯，我最近就整了一个基于 Vue CLI 的多页面脚手架改造流程，参考了一圈资料，搞出一套还挺顺手的做法，分享给你试试看。
目录结构的调整是第一步。src下新建views，每个页面一个子文件夹，比如index。把原本的main.js和App.vue挪进去，改下名，main.js变成index.js，也更清晰。
接下来是改 webpack 配置，重点是设置多入口。你可以按页面配置多个entry，再用HtmlWebpackPlugin分别生成对应的index.html，页面隔离，打包独立，响应也快。
整个过程不复杂，但坑还是有的，比如publicPath要按需配置，不然路径错得一塌糊涂。还有环境变量和路由配置，要分页面单独。
如果你刚好也在用 Vue CLI，又碰到多页面需求，可以试试这个改法。不完美，但起码能跑起来。如果想了解更多做法，我附了几个不错的文章：
多页面脚手架、Vue+Webpack 多页面、Vue 插件化脚手架等等，都挺有参考价值。
文件大小：53.98KB
评论区