gulp-inline-css html+css转换成行内元素

狄玉书
2023-12-01

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

 类似资料: