作者:民柱自由人士不只是剑客 | 来源:互联网 | 2023-09-13 16:10
前言:gulp是前端自动化工具,主要负责文件压缩,版本控制和js之间关系等工具。现在线上服务器linux居多,那想在linux进行前端自动化打包具体怎么配置和操作呢?写下这文章给初学者看,跟着做,肯定
前言:gulp是前端自动化工具,主要负责文件压缩,版本控制和js之间关系等工具。现在线上服务器linux居多,那想在linux进行前端自动化打包具体怎么配置和操作呢?写下这文章给初学者看,跟着做,肯定做到。
需要用到的工具SecureCRTPortable,SecureFXPortable。window链接linux系统用到,如果直接在linux上,可以无视。
1.linux中安装node.js
ps:node.js官网下载 linux版本 放到/usr/local/目录下。
#检查是否已经安装 rpm -qa | grep python
#查版本 python
#最好是重新安装 Python推荐版本(2.7),否则影响nodejs运行
#进入安装目录 cd /usr/local/
#删除原有安装 rm -rf node rm -rf node-v0.10.29-linux-x64
#解压压缩包 tar -zxv -f node-v0.10.29-linux-x64.tar.gz
#修改目录 mv node-v0.10.29-linux-x64 node
#添加环境变量并使之生效,内容如下: export PATH=/usr/local/python/bin:/usr/local/node/bin:$PATH
#测试命令 node -v
|
安装成功显示图上。
2.gulp安装
把已经制作好的package.json文件,放到项目文件,进行安装。
#gulp和插件安装 npm install --save-dev
#查看安装状态
gulp -v
|
如图上安装成功
3.运行gulp
找到之前准备好的gulpfile.js文件 运行命令测试。
gulpfile.js
var gulp = require('gulp');
// js处理gulp.task('online', function () { });
|
#测试自动化打包(online是我gulpfile.js里面的方法) gulp online
|
OK! 就是这么简单。
结论:环境搭建好了和git等工具一起使用。会更加便利,git中添加gulp的脚本,在后端打包的时候顺便前端包也打好,实现整发版流程前后端自动化打包。