gulp自动化脚本 · Web前端爱好者
关于如何全局安装gulp,该项目官网已经有详细的介绍,这里不多赘述,直接进入主题。
利用npm创建package.json文件如果对package.json文件已经比较熟悉了,那就没有必要利用这个”引导式”的方式创建package.json,这里是针对”懒人”(比如我…)比较好的方式。切换到项目根目录下面,在终端敲入下面代码:npm init
接下来只需按照提示一步步填写,一分钟不到就搞定了。
安装所需的插件并且自动写入package.json文件在npm官网或者到gulp的插件官网可以查询你所需要的插件关键词,假设输入imagemin,可以看到下载量最多并且属于gulp的一般就是你想要的那个了,然后在终端敲入以下代码下载插件并且自动保存到package.json文件的devDependencies里面去,避免自己手动输入。npm install --save-dev gulp-imagemin
如果mac或者linux系统的可能会提示权限不足,暴力一点sudo解决。
创建gulpfile.js文件这个是gulp的核心配置文件,配置模式也很简单,基本是下面这种模式gulp.t...阅读全文
利用npm创建package.json文件如果对package.json文件已经比较熟悉了,那就没有必要利用这个”引导式”的方式创建package.json,这里是针对”懒人”(比如我…)比较好的方式。切换到项目根目录下面,在终端敲入下面代码:npm init
接下来只需按照提示一步步填写,一分钟不到就搞定了。
安装所需的插件并且自动写入package.json文件在npm官网或者到gulp的插件官网可以查询你所需要的插件关键词,假设输入imagemin,可以看到下载量最多并且属于gulp的一般就是你想要的那个了,然后在终端敲入以下代码下载插件并且自动保存到package.json文件的devDependencies里面去,避免自己手动输入。npm install --save-dev gulp-imagemin
如果mac或者linux系统的可能会提示权限不足,暴力一点sudo解决。
创建gulpfile.js文件这个是gulp的核心配置文件,配置模式也很简单,基本是下面这种模式gulp.t...阅读全文