Angular框架原理的思考

Angular 框架的整体思路，很像 Spring 这样的后台框架。一层层的分解、解耦，天下框架莫不如此。

Angular 有 3 个重要概念：

• 模块(Module)
• 组件(Component)
• 路由(Router)

Angular 通过将大型项目分割成一个个模块，松耦合，便于扩展和维护。

所谓组件，就是一个 MVC 块，每个模块会有很多组件，组件代表了一个页面，可以嵌套，因此可以更加细分下去，通过元数据做双向绑定。

所谓路由，就是一个分发器，不同的路径加载不同的模块或组件即可。

所谓元数据，就是 Java 注解。

Spring 那套，控制反转（IOC）依赖注入（DI）也被引入进来。

将业务逻辑封装到Service里，然后注入到各个组件中使用。业务代码就彻底被隔离到 Service 里了，不会侵入框架整体设计。

关于 Webpack：Webpack 在打包 Web 工程时，可以找到资源之间的引用，最小化压缩合并 CSS，JavaScript 文件。