gulp工具编译sass文件

今天刚学习的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