上一章我们基本完成了的项目工程化，项目已经可以自动实时重载并完成日志映射。通过配置也为以后项目打包上线打下了基础，那么现在终于到了设计界面的时候了。

上一章我们使用webpack对项目进行了工程化改造，实现了从简单系统到多模块系统的打包升级，你可能以为现在就完成了webpack的配置，但是实际上现在项目还是处于webpack入门级配置的程度。调试一下代码就会发现，除了比原先项目变得稍微整洁以及完成了app.js模块引入之外，仍然有很多不足：

"手动是不可能手动的了，这辈子都不可能手动的了。" 一、目标 上一章我们借助ngRoute，完成了口袋妖怪SPA系统的多模块导航开发，但是现在引用的东西越来越多，项目文件目录开始变得混乱不堪： 现在先对当前项目文件列表进行整理，将五大模块移入src文件夹中： 然后修改index.html中的js引用路径： {代码...} 再分别修改...

上一章我们完成了口袋妖怪的细节展示页面，这次我想要把总计划的框架搭起来，也就是建立起一个口袋妖怪SPA管理系统，包含口袋妖怪、技能、树果、道具、游戏这样五个模块，并且能够通过导航平滑跳转到指定模块。

上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面，现在我们想要了解口袋妖怪更多的信息，但是发现原有单行表格可能容纳不下口袋妖怪的所有信息，所以现在我们需要一个口袋妖怪详情界面了。依旧是从刚刚的展示列表界面开始，点击口袋妖怪的名称然后跳转到指定的口袋妖怪信息界面。

开坑，一直喜欢口袋妖怪，想着能写点有关的程序。 最近项目要改写管理系统，所以用Angular1.x搭建一个口袋妖怪管理系统试试。 巩固Ng1.x的知识+学习库的用法，然后算是记录一个系统从零开始到成型的过程吧哈哈~ 总计划 暂时计划比较简单，该网站是一个SPA即单页面管理系统应用，暂时分为五个页面： [ ] 口袋妖怪 [ ] 技...