RequireJS Optimizer（RequireJS优化器）
npm install -g requirejs
运行RequireJS Optimizer
$ node r.js -o <arguments>
有两种方式可以将参数传递给optimizer。一种是在命令行上指定参数：
在命令行上指定参数
$ node r.js -o baseUrl=. name=main out=main-built.js
另一种方式是构建一个配置文件(相对于执行文件夹)并包含指定的参数 ：
$ node r.js -o build.js
build.js的内容：配置文件中的参数
({
baseUrl: “.”,
name: “main”,
out: “main-built.js”
})
build.js
({
appDir: ‘./’,
baseUrl: ‘./js’,
dir: ‘./dist’,
modules: [
{
name: ‘main’
}
],
fileExclusionRegExp: /^(r|build)\.js$/,
optimizeCss: ‘standard’,
removeCombined: true,
paths: {
jquery: ‘lib/jquery’,
underscore: ‘lib/underscore’,
backbone: ‘lib/backbone/backbone’,
backboneLocalstorage: ‘lib/backbone/backbone.localStorage’,
text: ‘lib/require/text’
},
shim: {
underscore: {
exports: ‘_’
},
backbone: {
deps: [
‘underscore’,
‘jquery’
],
exports: ‘Backbone’
},
backboneLocalstorage: {
deps: [‘backbone’],
exports: ‘Store’
}
}
})
一：打开cmd命令窗口，进入项目requirejs内
node r.js –o baseUrl=js name=app out=build.js
使用 gulp 压缩 JS https://github.com/nimojs/gulp-book/blob/master/chapter2.md
1.跳转至 gulpfile.js 所在目录
CMD> cd E:\phpstudy\WWW\fangchan_1
\Gruntfile.js
2.使用命令行运行 script 任务
CMD> gulp script
在控制台输入 gulp 任务名 可运行任务，此处我们输入 gulp script 回车。
注意：输入 gulp script 后命令行将会提示错误信息
// 在命令行输入
gulp script
Error: Cannot find module ‘gulp-uglify’
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
Cannot find module ‘gulp-uglify’ 没有找到 gulp-uglify 模块。
3.安装 gulp-uglify 模块
因为我们并没有安装 gulp-uglify 模块到本地，所以找不到此模块。
使用 npm 安装 gulp-uglify 到本地
CMD> npm install gulp-uglify
安装成功后你会看到如下信息：
gulp-uglify@1.1.0 node_modules/gulp-uglify
├── deepmerge@0.2.7
├── uglify-js@2.4.16 (uglify-to-browserify@1.0.2, async@0.2.10, source-map@0.1.34, optimist@0.3.7)
├── vinyl-sourcemaps-apply@0.1.4 (source-map@0.1.43)
├── through2@0.6.3 (xtend@4.0.0, readable-stream@1.0.33)
└── gulp-util@3.0.4 (array-differ@1.0.0, beeper@1.0.0, array-uniq@1.0.2, object-assign@2.0.0, lodash._reinterpolate@3.0.0, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, replace-ext@0.0.1, minimist@1.1.1, chalk@1.0.0, lodash.template@3.3.2, vinyl@0.4.6, multipipe@0.1.2, dateformat@1.0.11)
chapter2 $
在你的文件夹中会新增一个 node_modules 文件夹，这里面存放着 npm 安装的模块。
目录结构：
├── gulpfile.js
└── node_modules
└── gulp-uglify
接着输入 gulp script 执行任务
CMD> gulp script
[13:34:57] Using gulpfile ~/Documents/code/gulp-book/demo/chapter2/gulpfile.js
[13:34:57] Starting ‘script’…
[13:34:57] Finished ‘script’ after 6.13 ms
4.检测代码修改自动执行任务
// 监听文件修改，当文件被修改则执行 script 任务
gulp.watch(‘js/*.js’, [‘script’]);
但是没有命令可以运行 gulp.watch()，需要将 gulp.watch() 包含在一个任务中。
// 在命令行使用 gulp auto 启动此任务
gulp.task(‘auto’, function () {
// 监听文件修改，当文件被修改则执行 script 任务
gulp.watch(‘js/*.js’, [‘script’])
})
接着在命令行输入 gulp auto，自动监听 js/*.js 文件的修改后压缩js。
$gulp auto
[21:09:45] Using gulpfile ~/Documents/code/gulp-book/demo/chapter2/gulpfile.js
[21:09:45] Starting ‘auto’…
[21:09:45] Finished ‘auto’ after 9.19 ms
此时修改 js/a.js 中的代码并保存。命令行将会出现提示，表示检测到文件修改并压缩文件。
[21:11:01] Starting ‘script’…
[21:11:01] Finished ‘script’ after 2.85 ms
至此，我们完成了 gulp 压缩 js 文件的自动化代码编写。
**注意：**使用 gulp.watch 后你的命令行会进入“运行”状态，此时你不可以在命令行进行其他操作。可通过 Ctrl + C 停止 gulp。
Mac 下使用 control + C 停止 gulp