今天刚学习的gulp工具，与大家分享学习心得，望相互学习，😝。下面我从三个方面详细介绍使用gulp工具编译sass文件的详细步骤。
步骤一：安装Node
1.前往https://nodejs.org/en/ 下载最新版本的压缩包
NodeDownload.png
2.下载完成后“傻瓜式”安装，自带安装npm
3.在终端执行命令
node -v
npm -v
node.png
npm.png
步骤二：进入项目目录
在终端执行命令
cd '项目目录路径'
步骤三：安装gulp
1.在终端执行命令
sudo npm install -g gulp
2.检查gulp的版本信息
gulp -v
gulp版本.png
3.将gulp安装到项目本地
npm install —-save-dev gulp
Snip20161203_9.png
4.回到命令行，可以直接运行gulp任务了
gulp
编译sass.png
完
额外补充：合并压缩css和js静态文件
1.在gulpfile.js文件中编辑代码
elixir(function(mix) {
mix.styles(['1.css','2.css','3.css']);
mix.scripts(['1.js','2.ss','3.js']);
});
2.在终端执行命令
// 只合并，未压缩
gulp
// 合并，压缩
gulp --production
网友评论