今天刚学习的gulp工具,与大家分享学习心得,望相互学习,😝。下面我从三个方面详细介绍使用gulp工具编译sass文件的详细步骤。
步骤一:安装Node
1.前往https://nodejs.org/en/ 下载最新版本的压缩包
2.下载完成后“傻瓜式”安装,自带安装npm
3.在终端执行命令
node -v
npm -v
步骤二:进入项目目录
在终端执行命令
cd '项目目录路径'
步骤三:安装gulp
1.在终端执行命令
sudo npm install -g gulp
2.检查gulp的版本信息
gulp -v
3.将gulp安装到项目本地
npm install —-save-dev gulp
4.回到命令行,可以直接运行gulp任务了
gulp
完
额外补充:合并压缩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