小编Auj*_*ara的帖子

构建/编译/部署ReactJS到生产的最佳方法

我是reactJS的新手,我正在努力了解将代码部署到生产的最佳方法.根据下面的链接,我正在构建使用babel作为下面的代码,但我想知道这是否好,或者是否有任何其他关于将ReactJS部署到生产的最佳实践:

npm init -y
npm install --save-dev babel-cli
npm install --save-dev babel-preset-es2015 babel-preset-react

babel --presets es2015,react --watch src/ --out-dir dist
Run Code Online (Sandbox Code Playgroud)

http://www.sitepoint.com/getting-started-react-jsx/

这是我的index.html和main.js文件:

的index.html

<!-- index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Resources prototype</title>
    <!-- React / Babel / Jquery Libraries -->
    <script src="react.js"></script>
    <script src="react-dom.js"></script>
    <script src="browser.min.js"></script>
    <script src="jquery.min.js"></script>
  </head>
  <body>
    <div id="content"></div>
    <script type="text/babel" src="main.js"></script>

  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

main.js

var First = React.createClass({
  render: function() {
    return (
      <div className="First">
        Hello, world!
      </div>
    ); …
Run Code Online (Sandbox Code Playgroud)

jsx reactjs react-jsx

8
推荐指数
1
解决办法
3万
查看次数

标签 统计

jsx ×1

react-jsx ×1

reactjs ×1