工具集成(ToolingIntegration)
优质
小牛编辑
113浏览
2023-12-01
每个项目使用不同的系统来构建和部署JavaScript。我们尝试尽量让React环境无关。
React
CDN托管的React
我们在我们的下载页面提供了React的CDN托管版本。这些预构建的文件使用UMD模块格式。直接简单地把它们放在<script>
标签中将会给你环境的全局作用域引入一个React
对象。React也可以在CommonJS和AMD环境下正常工作。
使用主分支
我们在GitHub仓库的主分支上有一些构建指令。我们在build/modules
下构建了符合CommonJS模块规范的树形目录,你可以放置在任何环境或者使用任何打包工具,只要支持CommonJS规范。
JSX
浏览器中的JSX转换
如果你喜欢使用JSX,我们在我们的下载页面提供了一个用于开发的浏览器中的JSX转换器。简单地用一个<script type="text/jsx">
标签来触发JSX转换器。
注意:
浏览器中的JSX转换器是相当大的,并且会在客户端导致无谓的计算,这些计算是可以避免的。不要在生产环境使用 - 参考下一节。
生产环境化:预编译JSX
如果你有npm,你可以简单地运行npm install -g react-tools
来安装我们的命令行jsx
工具。这个工具会把使用JSX语法的文件转换成纯的可以直接在浏览器里面运行起来的JavaScript文件。它也会为你监视目录,然后自动转换变化的文件;例如:jsx --watch src/ build/
。运行jsx --help
来查看更多关于如何使用这个工具的信息。
有用的开源项目
开源社区开发了在几款编辑器中集成JSX的插件和构建系统。点击JSX集成查看所有内容。