命令行输入gulp 无法生成压缩文件

来源:9-2 如何打包发布-1

Nopain_Nogain

2016-11-19

gulpfile.js:

var gulp = require('gulp');

// gulp.com/plugins/

var rev = require('gulp-rev'); // 添加版本号hash码把文件名修改掉

var revReplace = require('gulp-rev-replace'); // 把index里的引用改成新的

var useref = require('gulp-useref'); //在html里通过注释的方法写一些设置:

// <!-- build:css css/combined.css -->

// <link href="css/one.css" rel="stylesheet">

// <link href="css/two.css" rel="stylesheet">

// <!-- endbuild -->


// <!-- build:js script/combined.js -->

// <script type="text/javascript" src="script/one.js" ></script>

// <script type="text/javascript" src="script/two.js" ></script>

// <!-- endbuild -->

var filter = require('gulp-filter');// 过滤器

var uglify = require('gulp-uglify');// 压缩js

var csso = require('gulp-csso'); // 压缩css


gulp.task('default', function(){

var jsFilter = filter('**/*.js', {restore:true});

var cssFilter = filter('**/*.css', {restore:true});

var indexHtmlFilter = filter(['**/*','!**/index.html'] ,{restore:true});


return gulp.src('index.html').pipe(useref()).pipe(jsFilter).pipe(uglify()).pipe(jsFilter.restore).pipe(cssFilter).pipe(csso()).pipe(cssFilter.restore).pipe(indexHtmlFilter).pipe(rev()).pipe(indexHtmlFilter.restore).pipe(revReplace()).pipe(gulp.dest('dist'));


})





写回答

3回答

Nopain_Nogain

提问者

2016-11-19

问题解决了 是css里面有错误 我逐个压缩排除了

1
0

Nopain_Nogain

提问者

2016-11-19

如果把路径改成 return gulp.src('src/index.html')  那命令行就报错

events.js:160

    throw er; // Unhandled 'error' event

以上是所有报错信息,也没具体说是哪里错。。


0
0

Nopain_Nogain

提问者

2016-11-19

命令行显示

Using gukpfile E:\frontEnd\response\gulpfile.js

Starting 'default'...

Finished 'default' after 25 ms

但是dist 文件夹里空荡荡啥都没有

0
0

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程