zoukankan      html  css  js  c++  java
  • Angularjs 异步模块加载项目模板

    ng-lazy-module-seed(Angularjs 异步模块加载项目模板)

    相信做过SPA项目的朋友都遇到过这个问题:页面初始化时需要加载文件太大或太多了,许多文件加载后很可能不会运行到,这是赤裸裸的资源浪费。从性能角度出发,理想的 SPA 应该是:按需加载
    实现资源按需加载的方式有很多,不过在angular 1.x环境下存在这样一个问题:angular默认的模块化机制(使用angular.module实现)需要在bootstrap前完成加载、注册,否则会报找不到provider。幸运的是,ocLazyLoad通过重写angular.module函数,解决了上述问题,所以,我们可以大胆放心的使用ocLazyLoad进行异步模块化开发了。
    在此分享一个基于 requirejs + angularjs + ocLazyloadAngularjs 异步模块加载项目模板

    技术栈

    模板中主要用到如下技术:

    • scss, compass
    • require.js, angularjs, ocLazyLoad, r.js
    • gulp, bower

    运行项目

    运行项目模板,查看demo,在已安装bower, node的前提下请运行如下命令:

    bower install
    npm install
    

    现在,依赖已经安装完毕,接下来可执行打包:

    gulp -a
    

    或者直接进行开发:

    gulp watch
    

    就可以看到页面了

    项目文件夹结构

    • .r :require 打包相关代码
    • app :用于存放开发代码
    • dist :用于存放生产环境代码

    gulp 命令

    // 开发环境
    gulp watch
    // 打包
    gulp -a
    // 部分打包
    gulp 
    

    详细说明,后续补充

  • 相关阅读:
    [杂题]FZU2190 非提的救赎
    [模拟]ZOJ3480 Duck Typing
    [模拟]ZOJ3485 Identification Number
    [数论]ZOJ3593 One Person Game
    [博弈]ZOJ3591 Nim
    [杂题]URAL1822. Hugo II's War
    二分图相关
    KMP算法详解
    中国国家集训队论文集目录(1999-2009)
    最短路Dijkstra算法的一些扩展问题
  • 原文地址:https://www.cnblogs.com/vans/p/4875392.html
Copyright © 2011-2022 走看看