- Node和npm安装,ubuntu环境
1)下载地址:
wget -P /opt/dev http://ftp.cqrd.com/software/nodejs/node-v6.10.1-linux-x64.tar.xz
2)解压安装设置:
解压:
xz -d node-v6.10.1-linux-x64.tar.xz
tar -xvf node-v6.10.1-linux-x64.tar
查看node版本:
cd node-v6.10.1-linux-x64/bin
./node -v
设置全局:
ln -s /opt/dev/node-v6.10.1-linux-x64/bin/node /usr/local/bin/node
ln -s /opt/dev/node-v6.10.1-linux-x64/bin/npm /usr/local/bin/npm
设置npm淘宝镜像及代理:
npm config set registry https://registry.npm.taobao.org
npm config set proxy http://172.17.18.80:8080/
npm config set https-proxy http://172.17.18.80:8080/
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sas
sudo SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass
npm install gulp -g 全局安装
npm i gulp-cli -g 全局安装
cd ss 进入文件夹
npm init 初始化项目
npm install gulp --save-dev 全局安装gulp是为了执行gulp任务,本地安装gulp是为了调用gulp插件的功能进入你的项目文件路径中执行,本地安装gulp (项目)
npm install --save-dev gulp-uglify (压缩插件)
npm install --save readable-stream (gulp用的插件,可以不安装)
npm install --save-dev gulp-js-obfuscator (混淆插件)
npm install --save-dev gulp-jshint (检测)
npm install --save-dev gulp-concat (文件合并)
npm install --save-dev gulp-notify (提示信息)
npm install --save-dev jshint (检测)
安装好后根据下面修改gulpfile.js文件, 然后进入项目根目录,命令执行: gulp ,gulp就会执行gulp.js里面的任务
npm i gulp@3.9.1 根据版本安装,项目(本地)安装gulp3.9.0版本
npm un gulp -g -g表示全局卸载卸载
项目根目录创建gulpfile.js
var gulp = require('gulp');
// 引入组件
var jshint = require('gulp-jshint');//js检测
var uglify = require('gulp-uglify');//js压缩
//var concat = require('gulp-concat');//文件合并
var notify = require('gulp-notify');//提示信息
// 检查js
gulp.task('lint', function() {
return gulp.src('./lib/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(notify({ message: 'lint task ok' }));
});
// 合并、压缩js文件
gulp.task('js', function() {
return gulp.src('./lib/*.js') //需要压缩的路径
.pipe(uglify())
.pipe(gulp.dest('./dest')) //压缩后的路径
.pipe(notify({ message: 'js task ok' }));
});
// 默认任务,如果,default改成test,命令执行时是gulp test
gulp.task('default', function(){
gulp.run( 'lint', 'js');
});
gulp 报错
gulp:cannot read property ‘apply’ of undefined
gulp -v 查看版本,本地和全局的版本不一致
npm un gulp 卸载本地版本
npm i gulp@3.9.1 安装和全局一样的版本
gulp -v 查看版本,版本一致后执行gulp命令就不会报这个错