# useRequireJs

**Repository Path**: optimusZhang/userequirejs

## Basic Information

- **Project Name**: useRequireJs
- **Description**: 使用requirejs进行模块化管理.1.支持按需加载2.支持合并压缩(r.js)
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 1
- **Created**: 2017-05-18
- **Last Updated**: 2022-07-11

## Categories & Tags

**Categories**: javascript-toolkits

**Tags**: None

## README

# [按需加载JS]

常规使用requireJS时,
requirejs遍历所有依赖关系并一次性的下载关联的模块文件.
会造成初次加载页面时,请求过多,响应时间过长的现象.

为了解决这样的问题,我们需要实现以下目标:  

>*1 首屏时仅加载公共资源和首屏资源  
*2 点击tab时需实现按需加载模块  
*3 构建也需要实现按需加载的模块合并压缩.  
详见src/tabs.js

>注:本Sample使用r.js对本项目的按需加载进行构建支持.

# 构建前
**入口文件**  

    /entry/index.html

**初使页面时加载以下文件**  

    ├── require.js等公共资源文件  
    ├── main.js  
    ├── app.js  
    ├── nav.js  
    ├── tabs.js  
    ├── home.js  
    ├── nav.hbs  
    ├── tabs.hbs  
    ├── home.hbs  

**点击profiles标签时,加载以下文件**  

    ├── profiles.js  
    ├── profiles.hbs  

## 构建后(r.js)

**构建命令**  

    node r.js -o build.js

**入口文件**  

    /build/entry/index.html

**初使页面时加载以下文件**  

    ├── require.js  // 压缩后  
    ├── main.js     // 压缩合并后  

**点击profiles标签时,加载以下文件**  

    ├── profiles.js // 压缩合并后


## 其它
**模块加载 `Requirejs`**  
**模板引擎 `Handlebars`**  
**插件 `Require-handlebars-plugin`**  
**UI框架 `Bootstrap`**