解决Linux下gulp中events.js:72的问题

  晚上在Linux下搭建环境,代码都下好了,gulp也在全局装好了,按照在Windows下的习惯,直接在目录下敲gulp,结果抛出异常了。

wKiom1XrDfrAPZ7sAAKhlJR5vNY011.jpg

wKiom1XrDtzwzlKsAADByLDRWaM251.jpg

  开始还以为是权限问题,用了sudo发现没用,就去看了看gulpfile.js,内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
'use strict' ;
 
var  gulp = require( 'gulp' );
var  g = require( 'gulp-load-plugins' )({lazy:  false });
var  inject = require( 'gulp-inject' );
var  browserSync = require( 'browser-sync' );
var  connect = require( 'gulp-connect' );
var  historyApiFallback = require( 'connect-history-api-fallback' );
var  reload = browserSync.reload;
 
var  config = {
     paths: {
         html: {
             src:  [ "src/**/*.html" ],
             dest:  "build"
         },
         js: {
             src:  [ "src/**/*.js" , '!./src/lib/angular.min.js' , '!./src/lib/jquery.min.js' , '!./src/js/app.js' ],
             dest:  "build/js"
         },
         css: {
             src: [ "src/css/**/*.css" ],
             dest:  "build/css"
         },
         assets: {
             src: [ "src/assets/**/*.png" "src/assets/**/*.jpg" ],
             dest:  "build/assets"
         }
     }
}
//打包config
var  distConfig = {
     paths: {
         libjs: {
             src:  [ "src/lib/angular.min.js" , "src/lib/jquery.min.js" , "src/lib/angular-resource.min.js" , "src/lib/angular-ui-router.min.js" , "src/lib/highcharts-ng.js" , "src/lib/highcharts.js" , "src/lib/smart-table.min.js" , "src/lib/ui-bootstrap-tpls-0.13.2.min.js" ],
         },
         appjs: {
             src:  [ "src/js/app.js" , "src/services/mainService.js" , "src/coms/area/areaCtrl.js" , "src/coms/details/detailsCtrl.js" , "src/coms/details/singleCtrl.js" , "src/coms/home/homeCtrl.js" , "src/coms/rank/rankCtrl.js" ],
         },
         css: {
             src: [ "src/css/bootstrap.min.css" "src/css/details.css" "src/css/font-awesome.min.css" "src/css/homepage.css" "src/css/ranking.css" "src/css/single.css" "src/css/tarea.css" ],
             dest:  "dist/css"
         },
         assets: {
             src: [ "src/assets/**/*.png" "src/assets/**/*.jpg" ],
             dest:  "dist/assets"
         }
     }
}
  // 检查脚本
gulp.task( 'jscheck' function () {
     gulp.src(config.paths.js.src)
         .pipe(g.jshint())
         .pipe(g.jshint.reporter( 'default' ));
});
 
// 合并,压缩js文件
gulp.task( 'minjs' function () {
     gulp.src(config.paths.js.src)
         .pipe(g.concat( 'app.js' ))
         .pipe(gulp.dest( './dist' ))
         .pipe(g.rename( 'app.min.js' ))
         .pipe(g.uglify())
         .pipe(gulp.dest( './dist' ));
});
 
// 合并,压缩css文件
gulp.task( 'mincss' function () {
     gulp.src(config.paths.css.src)
         .pipe(g.concat( 'app.css' ))
         .pipe(gulp.dest( './dist' ))
         .pipe(g.rename( 'app.min.css' ))
         .pipe(g.cssmin())
         .pipe(gulp.dest( './dist' ));
});
 
// 转移index.html到tmp目录下
gulp.task( 'html' function () {
     gulp.src( './src/index.html' )
         .pipe(g.rename( 'tmp.html' ))
         .pipe(gulp.dest( './tmp' ));
 
});
 
// 打包
gulp.task( 'dist' function (){
     gulp.run( 'jscheck' 'minjs' 'mincss' );
});
 
// 默认任务
gulp.task( 'watch' ,[ 'inject' ],  function  () {
   browserSync({
     notify:  false ,
     // Run as an https by uncommenting 'https: true'
     // Note: this uses an unsigned certificate which on first access
     //       will present a certificate warning in the browser.
     // https: true,
     server: {
         baseDir:[ 'src' ],
         index:  "index.html" ,
         middleware: [ historyApiFallback()]
     }
   });
   // gulp.watch(config.paths.css.src, ['inject']);
   // gulp.watch(config.paths.js.src,  ['inject']);
   gulp.watch([config.paths.html.src,config.paths.css.src,config.paths.js.src], [ 'inject' ]);
   gulp.watch([config.paths.html.src, './src/index.html' ], reload);
});
 
// 测试环境运行
gulp.task( 'server' function (){
     connect.server({
         port:  '3000' ,
         root:  './src' ,
         middleware:  function (connect, opt) {
             return  [ historyApiFallback({}) ];
         }
     });
});
 
// inject css js
gulp.task( 'inject' function (){
   return  gulp.src( './src/index.html' )
     .pipe(inject(gulp.src(config.paths.js.src, {read:  false }), {ignorePath:  'src' }))
     .pipe(inject(gulp.src(config.paths.css.src, {read:  false }), {ignorePath:  'src' }))
     .pipe(gulp.dest( './src' ))
})
 
gulp.task( 'default' , [ 'inject' 'watch' ]);

  发现其中有很多gulp.task,可能是命中其中某个task,就抛出异常了,于是我尝试gulp server,server是其中一个task的名字,没想到居然好了。

wKioL1XrFieiNJTeAADqJS1lTdA792.jpg










本文转自 iampomelo 51CTO博客,原文链接:http://blog.51cto.com/iampomelo/1691676,如需转载请自行联系原作者
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值