小编Ziz*_*izy的帖子

如何使用'gulp-babel'和'gulp-browserify'

我尝试编写这些代码

 gulp.task('script', function() {
  'use strict'
  return gulp.src(['app.js', 'components/**/*.jsx'])
    .pipe(babel())
    .pipe(browserify())
    .pipe(gulp.dest("dist"));
});
Run Code Online (Sandbox Code Playgroud)

但它显示了一些错误:

SyntaxError: 
/Users/Zizy/Programming/learn-react-js/components/CommentBox.jsx:58
    <div className="commentBox">
    ^
ParseError: Unexpected token
    at wrapWithPluginError (/Users/Zizy/Programming/learn-react-js/node_modules/gulp-browserify/index.js:44:10)
Run Code Online (Sandbox Code Playgroud)

似乎.pipe(browserify())在gulp 之前没有改变jsx代码.但是,如果我只是删除.pipe(browserify())我发现确实改变了,只是不能让babel和browserify一起工作.

我知道也许我可以使用喜欢babelify或者browserify plugin for babel虽然,我只想找出原因.

javascript browserify gulp babeljs

10
推荐指数
1
解决办法
7696
查看次数

标签 统计

babeljs ×1

browserify ×1

gulp ×1

javascript ×1