reactify

Browserify and Reactify source maps include full local path names

≡放荡痞女 提交于 2019-12-24 04:15:50
问题 I use watchify/ browserify to create a bundle with debug source maps with this command- watchify main.js -o bundle.js -v -d When I use Chrome DevTools to debug the resulting app, the source files are accessible in their orginal nested folder locations, visible in DevTools' Sources panel. However when I run it through reactify with this command- watchify main.js -t reactify -o bundle.js -v -d Chrome DevTools shows all the source files in the same folder as bundle.js and the file name includes

Gulp, Reactify, and Babelify not transforming together

不羁岁月 提交于 2019-12-06 01:37:31
问题 This is my gulpfile code: gulp.task('react', function () { browserify('app/src/main.jsx') .transform(reactify) .transform(babelify) .bundle() .pipe(source('app.js')) .pipe(streamify(uglify())) .pipe(gulp.dest('dist/js/')); }); Only the first transform statement runs, and therefor throws an error due to the lack of additional transform (I'm writing in ES6 and JSX w/ react). I'm at a complete loss and would really appreciate help. 回答1: Reactify should no longer be used. You don't say what

Gulp, Reactify, and Babelify not transforming together

非 Y 不嫁゛ 提交于 2019-12-04 06:39:38
This is my gulpfile code: gulp.task('react', function () { browserify('app/src/main.jsx') .transform(reactify) .transform(babelify) .bundle() .pipe(source('app.js')) .pipe(streamify(uglify())) .pipe(gulp.dest('dist/js/')); }); Only the first transform statement runs, and therefor throws an error due to the lack of additional transform (I'm writing in ES6 and JSX w/ react). I'm at a complete loss and would really appreciate help. Reactify should no longer be used. You don't say what version you are on, but as of Babel 6 "preset's" are the standard way to achieve compilation. Run the following