vue+webpack+thinkphp多页应用配置

去年一直开发的前端项目越来越大的时候，问题就逐渐凸显出来了。一个很重要的问题是视图无法复用，重复冗余的代码很多；视图是用模板引擎引擎写的，Html代码看起来也不方便，需要采用一些方案来解决问题。

观望和体验vue已经很长一段时间了，终于在3月的时候开始在尝试在项目中使用vue。首先遇到的一个问题就是vue的脚手架是单页的，而项目本身是多页的，需要进行多页处理；多页处理在网上已经有较多的文章介绍了，不过大多都是基于webpack1.0版本的。还有一个问题是前端项目是和thinkphp结合在一起的，路由由thinkphp来控制，所以文件需要打包到thinkphp对应的文件路径。

刚开始改webpack配置的时候出现各种问题，主要原因还是webpack相关的内容不熟悉，最后还是去webpack官网仔仔细细的把文档看了一下，终于把基本的配置搞定了。

中文官网地址：中文官网

英文官网地址：英文官网

一、项目结构

接下来介绍一下完整的项目结构（既包括了thinkphp的文件夹，也包括了vue脚手架的文件夹），如下&#