Jenkins Gulp前端项目部署

  • A+
所属分类:Jenkins

一.Gulp

1.安装node.js

2.安装gulp

npm install -g gulp

注: -g 全局环境安装

如安装慢,可切换国内npm镜像

临时使用

npm --registry https://registry.npm.taobao.org install express

长久使用

npm config set registry https://registry.npm.taobao.org

验证配置

npm config get registry

3.根据需要安装gulp依赖包

npm install jshint gulp-jshint gulp-concat gulp-uglify gulp-rename -g

npm install gulp-sass --save-dev -g

npm install gulp-replace -g

npm install gulp-clean-css -g

如安装出现下面的警告可忽略,fsevent是mac osx系统的,你是在win或者Linux下使用了 所以会有警告,忽略即可

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/browser-sync/node_modules/chokidar/node_modules/fsevents):

模块解释:

jshint 检查代码,打印报告信息

gulp-sass 设置不同样式风格的输出方法

gulp-concat 合并文件

gulp-uglify 压缩js文件

gulp-rename 重命名

gulp-replace字符替换

gulp-clean-css压缩css文件,并给引用url添加版本号避免缓存

更多插件介绍及安装可访问npmjs

如需更新插件,可安装npm-check-updates更新

4.测试gulp

二.Jenkins

1.安装nodejs插件

Jenkins Gulp前端项目部署

2.配置nodejs

Jenkins Gulp前端项目部署

 

 

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: