1、安装nodejs,
安装地址可见百度云:
链接:http://pan.baidu.com/s/1kUAdy4Z 密码:szzl
这一步完之后,就可以测试node环境,输入node -v
输入npm -v
测试环境变量是否配对。安装版的nodejs不需要配置环境变量。
2、配置npm的全局模块存放路径和cache路径
输入以下命令
npm config set prefix “D:\Program Files\node\node-global”
npm config set cache “D:\Program Files\node\node-cache”
3、安装cnpm
在cmd下输入命令:
npm install cnpm -g
4、 将cnpm的路径写入path环境变量
node_path: E:\Program Files\nodejs\node-global
path:%node_path%\;
测试是否安装成功:
cnpm -v
5、设置cnpm的全局模块存放路径和cache路径
cnpm config set prefix “D:\Program Files\node\node-global”
cnpm config set cache “D:\Program Files\node\node-cache”
以后npm和cnpm安装的模块就都在D:\Program Files\node\node-global\node_modules这个目录下了。
6、先写一个seajs的基本项目
程序下载(百度云):
链接:http://pan.baidu.com/s/1pKWVTfd 密码:rkx1
按照上述教程,布置好,a.js , b.js, main.js, 引入sea.js, 然后开始gulp安装和打包
先看看完整目录,package.json等不要着急,看下文
7 、glup打包
按照教程一步步操作,安装glup和相关插件,开始一个seajs的合并之旅。
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
/*使用gulp-concat合并javascript文件,减少网络请求。*/
var cmdPack = require('gulp-cmd-pack');
var combo = require('gulp-seajs-combo');
var uglify = require('gulp-uglify');
/*使用gulp-uglify压缩javascript文件,减小文件大小。*/
gulp.task( 'comboa', function(){
return gulp.src( './src/a.js' )
.pipe( combo({
map : {
'/src/a' : './a'
}
}))
.pipe( gulp.dest('./build') );
});
gulp.task( 'combomain', function(){
return gulp.src( './src/main.js' )
.pipe( combo({
map : {
'/src/main' : './main'
}
}))
.pipe( gulp.dest('./build') );
});
结果:
build下a.js
define('b',function(){
return "b";
})
define('a',['b'],function(require,exports,module){
var b = require('b');
module.exports = 'a' +' '+ b;
});
main.js合并前:
seajs.config({
base : '/build'
});
seajs.use( './a',function(a){
console.log(a);
} );
main.js合并后:
define('b',function(){
return "b";
})
define('a',['b'],function(require,exports,module){
var b = require('b');
module.exports = 'a' +' '+ b;
});
seajs.use( 'a',function(a){
console.log(a);
} );