(WEB.JS)React离线(预)编译JSX

来源:互联网 发布:java开发常用工具 编辑:程序博客网 时间:2024/05/19 13:44

工具:npm,react-tools。
OS:Window7.64b

打开CMD(命令提示符):

  1. 使用npm获取react-tools:(没有VPN可能慢点)
    npm install react-tools -g
    这里写图片描述

  2. react-tools获取完后,进入Project目录:(我这里直接进入存放JSX的文件目录下(javascript))
    cd /d E:\Self\Project\Willis\javascript
    这里写图片描述

  3. 使用jsx编译和监控存放JSX代码文件的文件夹:
    jsx --watch /jsx /jsxbuild
    这里写图片描述

    “/jsx”:JSX代码的文件夹
    “/jsxbuild”:编译后的文件夹

编译前后对比:

这里写图片描述


备注:
1. 符合JSX语法的文件才会编译
2. 没有编译过的文件,第一次会自动编译
3. 如果有同名文件,则覆盖,否则自动生成一个
4. JSX会在编译目录生成一个缓冲目录,记录已编译的文件信息
5. 如果关闭CMD窗口,则不会继续监控


自己使用过程,如有误请指正。

1 0
原创粉丝点击