虽然在日常使用 Vue 已经很熟悉了，但是在开发中还是会遇到一些一时解释不了的原因，其实还是自己对原理的理解不够深刻。下面总结了一些在日常开发的遇到的问题的一些思考，还有 Vue 的一些小技巧。

背景

在上一篇介绍 webpack 升级 webpack 4 版本的时候，在最后提到几个在实际项目中遇到的问题里，有一个是在配合 webpack 升级的过程中，vue-loader 需要对应升级到 15.x，但是这个升级导致原有的用 commonjs 写法去 require vue 组件时出错了，原因是在 vue-loader 的 14 版本后 vue 文件导出的模块一定是 esModule。详见这个 Issue。

Issue 中尤大大提到的解决方案是可以写一个 Babel 插件去解决这个问题。Babel 大家应该都很熟悉，我们写的 ES6 和 JSX 代码都是靠 Babel 转成浏览器兼容的代码。那 Babel 插件呢，下面开始介绍一下 Babel 插件。

0. 前言

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

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

提起 CDN，大家第一浮现在脑海的应该是利用 CDN 缓存可以提高我们网页的访问速度，也正因为此，在使用了 CDN 仿佛我们就不用去担忧静态资源的访问问题，比如就算在高并发下，也有 CDN 服务器替我们抗住压力。但事实真的是这样的吗？下面我从我在公司实际应用遇到的坑里，深究一下 CDN 的原理，说明 CDN 在高并发也会遇到的问题。下面从 CDN 的原理开始说起。

背景

目前我的博客是部署到 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.