这里出错了求解!

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

杰克大叔

2016-06-27

/**
 * Created by Virjay on 16/6/26.
 */
var gulp        = require('gulp')
var rev         = require('gulp-rev')         //获取文件hash码
var revReplace  = require('gulp-rev-replace') //更新页面文件引用
var useref      = require('gulp-useref')      //通过注释写设置
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('**/*.js', {restore: true})
  var indexHtmlFilter = filter(['**/*', '!**/index.html'], {restore: true})

  return gulp.src('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'))
})

html用的是老师的源代码,压缩出现问题了

Virjays-iMac:licaibao Virjay$ gulp
[23:10:24] Using gulpfile /Volumes/Mac-Data/WebStorm/licaibao/gulpfile.js
[23:10:24] Starting 'default'...

events.js:141
      throw er; // Unhandled 'error' event
      ^
Error: CSS parse error js/combined.js: Unexpected input
    1 |!function(e,t,n){function i(e,t){return typeof e===t}function r(){var e,t,n,r,s,l,u;for(var h in a)if(a.hasOwnProperty(h)){if(e=[],t=a[h],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&


写回答

3回答

姜维

2016-06-28

下载下来的源代码,使用gulp打包应该是正确的,如果出现这个错误,一般来说是css文件中间书写错误,导致解析css的时候出现错误。你可以把css文件检查一下,看看有没有问题。

0
1
杰克大叔
非常感谢!疏忽了,都写了.js
2016-07-14
共1条回复

2012551370

2017-03-06

第14行
var cssFilter = filter('**/*.js', {restore: true}) // .js 改成 .css


0
0

ahao430

2016-07-13

遇到类似问题,也是gulp时抛出错误。提示我.feature那里少个冒号,检查了一晚上也没发现哪里有问题。最后试着把上面的 

.ad{ 
// display: none;
 }

整个注释掉,好了。

0
0

响应式开发一招致胜

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

4021 学习 · 752 问题

查看课程