1.安装npm
http://nodejs.cn/download/ 下载对应版本安装
2.命令窗口进入对应项目地址
cd /d E:\
cd E:\wamp\www
3.全局安装gulp(项目位置)
npm install gulp -g
安装成功会有版本号提示
4.安装gulp-inline-css
npm install --save-dev gulp-inline-css
安装成功会有版本号提示
5.项目根目录创建gulpfile.js
var gulp = require('gulp'),
inlineCss = require('gulp-inline-css');
gulp.task('default', function() {
return gulp.src('index3.html')
.pipe(inlineCss({
applyStyleTags: true,
applyLinkTags: true,
removeStyleTags: true,
removeLinkTags: true
}))
.pipe(gulp.dest('build/'));
});
default是任务名称,根目录创建build文件,index3.html为根目录文件
6.执行 gulp default(项目目录)
提示成功
备注:提示以下错误时
$ gulp
[23:29:31] Local gulp not found in
[23:29:31] Try running: npm install gulp
解决方法:
第1步:先cd到当前目录中,使用以下命令,回车即可:npm link gulp