如何通过webpack插件自动生成Vue路由文件？

本文共计1051个文字，预计阅读时间需要5分钟。

使用vue-route-webpack-plugin插件自动生成vue路由文件，成功实现项目路由配置，无需手动维护路由配置文件，节省了大量维护时间。

一款自动生成 vue 路由文件的 webpack 插件vue-route-webpack-plugin 在项目中试点成功了，现在在项目中已经不需要再维护路由配置文件了，由插件自动生成，节省了大家维护路由的时间。

从长远来看，使用插件自动生成路由是具有一定好处的。当项目中的路由配置非常多的时候，为了区分业务，你可能需要分成许多个文件来存放这些路由文件，这样就不得不去维护这些路由文件。

比如这样的路由文件结构：

|-src/ |-router/ index.js childrenRouter.js childrenRouters/ // ...some children router files

其中 childrenRouters 目录中维护了各个业务相关的路由。

每当要添加路由的时候，还得重复的写import 和路由配置项。