单模块打包

至于requirejs大家都是很熟悉的了，它的打包工具r.js是非常好用，也非常强大的，但是建于它的配置参数比较多，这里列出一份所有参数的中文详解，方便理解和记忆。

还有不明白的童鞋可以看看 require

项目地址

项目地址

先看看目录结构

1
2
3
4
5
6
7
8
9
10
11
目录
 ├── assets                 
 │   ├── css 
 │   ├── images
 │   ├── font
 │   └── js
 │        └── common 公用插件包
 │        └── index  模块包
 │        └── lib    组件
 ├── index.html  
 ├── app.build.js

首页当然是先安装node js

nodejs

安装require js

1
npm install -g requirejs

app.build.js

1
2
3
4
5
6
7
({
    appDir: './assets', // 需要打包的目录
    baseUrl: './js', // js目录
    dir: 'build', // 打包完的目录
    mainConfigFile: './assets/js/lib/config.js', // require.js目录
    name: 'index/index' 需要打包的模块
})

打包r.js命令

1
r.js -o app.build.js

多模块打包

1
2
3
4
5
6
7
8
9
10
11
12
13
14
({
    appDir: './assets', // 需要打包的目录
    baseUrl: './js', // js目录
    dir: 'build', // 打包完的目录
    mainConfigFile: './assets/js/lib/config.js', // require.js目录
    "modules": [
    	{
    		name: index
    	},
    	{
    		name: a
    	}
    ]
})