Vue Webpack多页面构建示例第1页
vue 的多页面项目,webpack 整合得挺干净,结构清晰,不绕。
项目示例在 GitHub 上,跑起来也简单,装个依赖 npm install
, npm run dev
,直接就能访问 login.html
和 index.html
。
开发环境要求比较老,Node v6.11.0,得注意下。用的是 vue-cli 2.8.2 初始化的脚手架,虽然不是最新那套,但搭建多页项目还挺稳的。
结构上就是传统的多页面模式,每个页面有自己的 entry
,还能分别引入不同的 Vue 实例。适合做那种后台管理系统,或者登陆页和首页风格差异大的项目。
脚手架配置也没藏着掖着,webpack.config.js
写得比较清楚,想改点东西也方便,譬如拆分 vendor、配置 html-webpack-plugin
多实例那块。
如果你手头正好有多页项目,又懒得从零配置,不妨直接 clone 下来改改。顺手推荐几篇相关的教程:
嗯,唯一要注意的就是环境版本有点老,别直接跑在新 Node 上,有兼容问题的话可以试试 nvm 降版本。
34.51KB
文件大小:
评论区