栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

需要无浏览器,Webpack或Babel的reactjs模块

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

需要无浏览器,Webpack或Babel的reactjs模块

RequireJS和

require
是非常不同的东西-稍后再介绍。

如果您想在没有诸如Browserify或Webpack之类的工具的情况下使用React,那么您不一定需要模块加载器。React和ReactDOM的托管版本将公开您可以立即使用的全局变量。

<script src="https://fb.me/react-0.14.7.js"></script><script src="https://fb.me/react-dom-0.14.7.js"></script><script>console.log(React, ReactDOM);</script>

如果要在本地使用它们,只需下载这些文件。

系统JS

所有这一切,听起来像SystemJS和JSPM可能正是您想要的。

首次用于

jspm
安装软件包。

jspm install systemjs react react-dom

然后链接并配置SystemJS。

<script src='jspm_packages/system.js'></script><script>  System.import('app.js');</script>

现在,

app.js
您可以编写CommonJS样式代码。

var React = require('react');var ReactDOM = require('react-dom');

SystemJS将处理其余脚本的加载。如果您想进行生产构建,则就像运行一样简单

jspm bundle app

普通JS

require
在React教程和其他示例中看到的调用是针对称为CommonJS的模块格式的。

您用于

require('react')
获取对React模块(
node_modules
与npm一起安装)导出的值的引用。这意味着您需要预浏览器构建步骤,例如Br​​owserify或Webpack,可以将所需的所有模块装订在一起并输出一个大脚本文件。

需求JS

令人困惑的是,CommonJS和RequireJS使用具有相同名称的函数来指定依赖项。您试图

require
像使用CommonJS模块一样使用RequireJS
函数。

如果要改为使用RequireJS导入React,则需要执行以下操作:

<script src="js/require.js"></script><script>  require.config({    'baseUrl' : 'scripts/',  });  require(["react-0.14.7", "react-dom-0.14.7"],  function(React, ReactDOM) {    console.log(React, ReactDOM);  });</script>

当您的代码执行时,RequireJS将关闭并为您指定的模块添加脚本标签。然后,一旦这些脚本加载完毕,它将把它们导出的值传递给回调函数供您使用。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/608857.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号