首页 > 大家都来讨论一下一个基于angular的小型项目的前端架构

大家都来讨论一下一个基于angular的小型项目的前端架构

首先说明一下,这是一个信息管理系统,只有三个模块,库存管理,价格管理,商品信息管理
下面我说一下我现在的架构:
css:
每个页面都写成一个scss,
然后写一个main.scss,里面import所有scss,
每个页面都加载压缩后的main.css.

js:
用的是ng,
总体有两个模板,一个是login,一个是管理应用。
每个模板里都有一个ng-view的div,通过ng的路由功能来加载对应的模块。
每个页面的controller分开来写,最后合并成一个controller.js。
每个页面要加载app.js 和这个总的controller.js,以及angular.js angular-route.js。

这个构架的好处是用户初次登录的时候加载完毕所有css和js,放到缓存里。

或者这种思路大家觉得不好,应该用webpack或者require来按需加载?


小项目的话就不用按需加载了!合并压缩后第一次直接全部加载。

【热门文章】
【热门文章】