0. 前言

早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章，当时是我在做自己一个个人项目时遇到了多页面的配置问题，想到别人也可能遇到跟我同样的问题，就把配置的思路分享出来了，传送门在这里。

因为那份配置直到现在还有人在关注，同时最近公司帮助项目升级了 Webpack 4，趁机也把之前的配置也升级了一下，顺手加上了 babel 7 的配置，而且博客荒废了这么久，都快 9102 年了，不能连年均一篇博文都不到，所以有了下面的分享。

背景

目前我的博客是部署到 GitHub 和 Coding，出于某些原因国内百度爬虫不能爬去到 GitHub 相关的内容，所以才需要同时部署到国内 Coding。

但每次写完文章都需要部署到两个地方，还是有点繁琐，刚好之前就听过持续集成和相关服务 Travis，可以用来解决这个问题。下面是具体的配置和步骤，同时也解决了怎么管理博客源码和定制主题源码的问题。

介绍

刚学习了 redux 不久，恰好看到一个优秀的 react 项目 github-explorer，该应用使用了 RxJS 去处理数据流，为了巩固学习便有了使用 redux 改写的想法。

前言

这篇是 webpack 1.x 的多页面配置，4.x 的版本在这里。
但是多页面配置的思路是一样的，变的是配置，所以可以先看这篇配置，实际使用 4.x 版本的配置

webpack + vue 能很好的完成单页面应用的开发，官方也提供了很多例子和教程。但使用 webpack 能不能用到多页面项目中，同时又能使用 vue 进行模块组件化开发呢？

这里将结合具体的项目，说明一下我是如何配置的。我们希望能在项目里做到

• 在每个业务模块下会有很多页面，每个页面都是一个文件夹，所需的资源文件也都放在这个文件夹下
• 采用 vue + es6 的方式进行组件模块化开发
• 生成自动引用 webpack 打包好的 js 文件到项目需要的目录
• 具有良好的开发支持，拥有如 sourseMap，vue 组件的热替换

This is the very first post.