180React15.6.0ReactDOM15.6.0和React-Redux.4.0.0.js源码结构

Posted gushixianqiancheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了180React15.6.0ReactDOM15.6.0和React-Redux.4.0.0.js源码结构相关的知识,希望对你有一定的参考价值。

/**
 * React v15.6.0
 */
(function (f) {
  if (typeof exports === "object" && typeof module !== "undefined") {
    module.exports = f()
  } else if (typeof define === "function" && define.amd) { 
    define([], f) 
  } else { 
    var g; 
    if (typeof window !== "undefined") { 
      g = window 
    } else if (typeof global !== "undefined") { 
      g = global 
    } else if (typeof self !== "undefined") { 
      g = self 
    } else { 
      g = this 
    } 
    g.React = f() 
    }
})(function () {
  var define, module, exports; 
  return (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 
  })({
    2: [function (_dereq_, module, exports) {

    }, { "25": 25, "30": 30 }]
  }, {}, [16])(16)
});

/**
 * ReactDOM v15.6.0
 */

; (function (f) {
  // CommonJS
  if (typeof exports === "object" && typeof module !== "undefined") {
    module.exports = f(require(‘react‘));

    // RequireJS
  } else if (typeof define === "function" && define.amd) {
    define([‘react‘], f);

    // <script>
  } else {
    var g;
    if (typeof window !== "undefined") {
      g = window;
    } else if (typeof global !== "undefined") {
      g = global;
    } else if (typeof self !== "undefined") {
      g = self;
    } else {
      // works providing we‘re not in "use strict";
      // needed for Java 8 Nashorn
      // see https://github.com/facebook/react/issues/3037
      g = this;
    }
    g.ReactDOM = f(g.React);
  }
})(function (React) {
  return (function (f) { 
    return f() 
  })(function () {
    var define, module, exports; 
    return (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 (_dereq_, module, exports) {
        ‘use strict‘;
        module.exports = ARIADOMPropertyConfig;
      }, {}]
    }, {}, [48])(48)
  });
});

/* react-redux.4.0.0.js */
(function webpackUniversalModuleDefinition(root, factory) {
	if (typeof exports === ‘object‘ && typeof module === ‘object‘)
		module.exports = factory(require("react"), require("redux"));
	else if (typeof define === ‘function‘ && define.amd)
		define(["react", "redux"], factory);
	else if (typeof exports === ‘object‘)
		exports["ReactRedux"] = factory(require("react"), require("redux"));
	else
		root["ReactRedux"] = factory(root["React"], root["Redux"]);
})(this, function (__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_10__) {
	return (function (modules) { 
		var installedModules = {};
		function __webpack_require__(moduleId) {
			if (installedModules[moduleId])
				return installedModules[moduleId].exports;
			var module = installedModules[moduleId] = {
				exports: {},
				id: moduleId,
				loaded: false
			};
			modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
			module.loaded = true;
			return module.exports;
		}
		__webpack_require__.m = modules;
		__webpack_require__.c = installedModules;
		__webpack_require__.p = "";
		return __webpack_require__(0);
	})([
			/* 0 */
			function (module, exports, __webpack_require__) {
				‘use strict‘;
				exports.__esModule = true;
				function _interopRequire(obj) { return obj && obj.__esModule ? obj[‘default‘] : obj; }
				var _componentsProvider = __webpack_require__(3);
				exports.Provider = _interopRequire(_componentsProvider);
				var _componentsConnect = __webpack_require__(4);
				exports.connect = _interopRequire(_componentsConnect);
			},			
		])
});

  

以上是关于180React15.6.0ReactDOM15.6.0和React-Redux.4.0.0.js源码结构的主要内容,如果未能解决你的问题,请参考以下文章

React 源码分析:调用ReactDOM.render后发生了什么

React 开发工具 Reactotron

React 与 ReactDOM?

ReactDOM.render 与 React 组件渲染区别

React源码 ReactDOM.render

React,未捕获的 ReferenceError:未定义 ReactDOM