首先说明一下,这是一个信息管理系统,只有三个模块,库存管理,价格管理,商品信息管理
下面我说一下我现在的架构:
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来按需加载?
小项目的话就不用按需加载了!合并压缩后第一次直接全部加载。