# icejs.requirejs

**Repository Path**: dhclly/icejs.requirejs

## Basic Information

- **Project Name**: icejs.requirejs
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-06
- **Last Updated**: 2021-04-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# icedog.require.js

## 介绍

[require.js](http://requirejs.org/docs/api.html#webworker) 的使用练习和测试

## 目录

1. require.js hello world 入门示例
2. require js 模块依赖示例
3. 演示 require js 模块可以返回的类型
4. 演示 require.js 的模块定义（define）和模块调用（require）
5. 演示 require.js 通过 url 链接来加载模块(不考虑这样写)
6. 演示 require js 扩展插件 text 、css
7. 演示 r.js 打包 require.js项目中的js到一个js文件(用 nodejs 打包)
8. 演示 r.js 打包 require.js项目到另一个生产项目(用 nodejs 打包)
9. 演示 非require js 标准模块引入到require js

## 运行示例

### node 

有 node js 直接在 `web-server.js` 目录下执行

```javascript
node ./web-server.js
```

### python

在项目根目录执行，即开启一个简单的web service

```
python2 -m SimpleHTTPServer 8080
python3 -m http.server 8080
```

默认打开`index.html`如果没有，支持目录浏览。

## require.js 配置参数说明

```js
var isDebug = true;
require.config({
    //请求文件附带的额外参数，主要用于清缓存
    urlArgs: isDebug ? "debug=true" : "nocache=" + Math.random(),
    //模块访问的基础路径，此路径基于require.js所在的位置
    baseUrl: "../scripts",
    //指定模块名称和实际文件位置映射
    paths: {
        text: "lib/require.text",
        css: "lib/require.css",
        jquery: "lib/jQuery/jquery-3.4.1",
        //指定文件夹，缩短模块调用
        modules: "modules",
    },
    //用于解决兼容性问题
    shim: {},
});
```


## r.js

https://www.cnblogs.com/s-qiu/p/6561215.html

```js
node .\r.js -o .\build.js
```

```js
//单文件打包模式
({
    //基础路径
    baseUrl: '../scripts',
    //入口文件
    name: "../7/index",
    //输出文件名
    out: "./dist/index.js",
    paths:{
        jquery: "lib/jQuery/jquery-3.4.1"
    }
})

//整个项目打包模式
({
    //需要拷贝的程序目录
    appDir: "./",
    //拷贝到的目标目录
    dir: "../8.dist",
    //基础路径
    baseUrl: './scripts',
    //入口文件
    name: "index",
    fileExclusionRegExp: /^(r|build).js|.*\.md$/,
    paths: {
        jquery: "lib/jQuery/jquery-3.4.1"
    },
    //格式化css
    optimizeCss: "standard",
    //移除输出目录已经组合好的文件的原始文件
    removeCombined: true
})
```

## require.js 额外插件

### text

用于加载html文件

### css

用于加载 css 文件