Javascript browserify&x2B;巴别塔v6和x2B;反应+;吞咽不起作用
我正试图让所有这些东西一起工作,它以前工作过,所以我有点受宠若惊 我已经安装了新的babel v6更改中所需的所有依赖项 dev/index.jsJavascript browserify&x2B;巴别塔v6和x2B;反应+;吞咽不起作用,javascript,reactjs,gulp,browserify,babeljs,Javascript,Reactjs,Gulp,Browserify,Babeljs,我正试图让所有这些东西一起工作,它以前工作过,所以我有点受宠若惊 我已经安装了新的babel v6更改中所需的所有依赖项 dev/index.js import React from "react" (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return
import React from "react"
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
"use strict";
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
},{"react":undefined}]},{},[1]);
整个吞咽任务
gulp.task("js", function () {
var bundler = through2.obj(function (file, enc, next) {
browserify(file.path, {
extensions: [".js", ".jsx"],
bundleExternal: false
})
.transform('babelify', {
presets: ["es2015", "react"]
})
.bundle(function (err, res) {
if (err) {
return next(err);
}
file.contents = res;
next(null, file);
});
});
return gulp
.src(path.join(config.dir.src, config.dir.client, config.dir.js, "index.js"))
.pipe(plugins.plumber({
errorHandler: onError
}))
.pipe(bundler)
.pipe(gulp.dest(path.join(config.dir.dist, config.dir.js)))
.pipe(browserSync.reload({ stream: true }));
});
输出索引.js
import React from "react"
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
"use strict";
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
},{"react":undefined}]},{},[1]);
哈哈,这是我见过的最快的否决票,更不用说收到的了。我有没有可能改进这个问题,然后你给我否决票:)?哈另一个问题,我真的不认为这个问题是坏的不是我,但这里有一个建议:“它以前工作过”,这并没有真正帮助我们。从那以后你做了什么?(顺便说一句,我建议你使用webpack而不是browserify,至少对于react来说是这样,但这是另一个故事)现在在webpack上阅读一篇文章:)以前是babel的第5版。你到底说什么不起作用?该代码在我看来很好,只是没有使用
React
变量。