zoukankan      html  css  js  c++  java
  • [React] React Fundamentals: Precompile JSX

    The JSX Transformer library is not recommended for production use. Instead, you'll probably want to precompile your JSX into JavaScript.

    Install:

    npm install react-tools -g

    Run:

    jsx dev build --no-cache-dir --watch
    
    //watch dev dir and compile js to build dir

    You also need to change html a little bit:

    dev/index.html

    <!doctype html>
    <html lang="en">
    <head>
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="style.css"/>
        <script src="//fb.me/react-0.13.3.js"></script>
        <script src="//fb.me/JSXTransformer-0.13.3.js"></script>
        <meta charset="utf-8">
        <title>Compiler Dev</title>
    </head>
    <body>
    <script  type="text/jsx" src="app.js"></script>
    </body>
    </html>

    build/index.html

    <!doctype html>
    <html lang="en">
    <head>
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="style.css"/>
        <script src="//fb.me/react-0.13.3.js"></script>
        <!-- no jsx file included-->
        <meta charset="utf-8">
        <title>Compiler Dev</title>
    </head>
    <body>
    <!-- no type="jsx/text" -->
    <script src="app.js"></script>
    </body>
    </html>
  • 相关阅读:
    毕设进度21
    毕设进度20
    Javascript高级程序设计第三版-笔记
    前端踩过的坑
    thinkphp笔记
    PHP 发邮件《转》
    smarty笔记
    jquery笔记
    JS笔记
    php万年历
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4764462.html
Copyright © 2011-2022 走看看