Vue Webpack多页面构建示例第1页

vue 的多页面项目,webpack 整合得挺干净,结构清晰,不绕。

项目示例在 GitHub 上,跑起来也简单,装个依赖 npm installnpm run dev,直接就能访问 login.htmlindex.html

开发环境要求比较老,Node v6.11.0,得注意下。用的是 vue-cli 2.8.2 初始化的脚手架,虽然不是最新那套,但搭建多页项目还挺稳的。

结构上就是传统的多页面模式,每个页面有自己的 entry,还能分别引入不同的 Vue 实例。适合做那种后台管理系统,或者登陆页和首页风格差异大的项目。

脚手架配置也没藏着掖着,webpack.config.js 写得比较清楚,想改点东西也方便,譬如拆分 vendor、配置 html-webpack-plugin 多实例那块。

如果你手头正好有多页项目,又懒得从零配置,不妨直接 clone 下来改改。顺手推荐几篇相关的教程:

嗯,唯一要注意的就是环境版本有点老,别直接跑在新 Node 上,有兼容问题的话可以试试 nvm 降版本。

pdf 文件大小:34.51KB