webpack + vue2 多入口配置实例
webpack + vue2 多入口配置实例
JavaScript Vue.js相关
共145Star
详细介绍
vue2 多页配置实例
基于vue2 + vue-router + vuex
而组成的多页配置实例
多页实例中包含 纯单页, 基于 vue-router 的单页, 基于 vue-router + vuex 的单页, 多种模式自由组合
在 module 文件夹中只留一个模块, 就变成 纯SPA
所有模块均带修改head里的title, 所有模块也都包含ajax
例子, 任何不带ajax
的例子都是耍流氓
vuex模块带有懒加载
DEMO: http://old.mmxiaowu.com/vue2-multiple-entry/index
fork demo
$ git clone
// 安装依赖
$ yarn
// 生产模式
$ yarn build
// 开发模式
$ yarn serve
// eslint 检测
$ yarn lint
访问: http://localhost:8084/index
目录结构
- /dist/ = webpack编译后生成文件目录
- /src/api/ = axios配置目录
- /src/assets/ = 静态文件目录
- /src/components/ = 组件目录
- /src/modules/ = 多页面模块, 每个模块一个文件夹
- /src/modules/router = 多页面模块之带路由模块的例子
- /src/modules/vuex = 多页面模块之带路由和vuex的模块的例子
- /utils/ = 一些有用的插件