我尝试将transform-es2015-classes插件与gulp、browserify、reactify一起使用。
var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps');
var livereload = require('gulp-livereload');
var reactify = require('reactify');
var util = require('gulp-util');
gulp.task("reactcompile", function () {
// app.js is your main JS file with all your module inclusions
return browserify({entries: './src/main/app/reactjs/react-app.js', debug: true})
.transform("babelify",
{
plugins: [
'transform-es2015-classes', { loose: true }
],
presets: ["es2015", "react", "stage-0"]
})
.bundle()
.on('error', util.log.bind(util, 'Browserify Error'))
.pipe(source('react-app.js'))
.pipe(buffer())
.pipe(gulp.dest('./build'))
.pipe(livereload());
});
当我运行 gulp 时,出现错误:
[12:06:45] Browserify 错误 { 错误:“base”中指定的插件 1 解析文件时提供了无效的“loose”属性:mypath\react-app.js
是我的语法错误还是出了什么问题?
最佳答案
您缺少一组[]
。
plugins: [
'transform-es2015-classes', { loose: true }
]
应该是
plugins: [
['transform-es2015-classes', { loose: true }]
]
因此插件及其参数是 plugins
数组中的单个项目。
关于javascript - Browserify错误{错误: Plugin 1 specified in "base" provided an invalid property of "loose" while parsing file: mypath\react-app. js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48278871/