react

已有node的基础下创建

安装:

1.npm init : 创建package.json

2.npm install --global gulp : 安装全局gulp

3.npm install --save-dev gulp : 安装项目gulp(每个项目打包流程不一样)

4.创建gulpfile.js : 描述打包流程

5.npm install --save-dev browserify : 使用require()    commonjs

6.npm install --save-dev vinyl-source-stream : 能够同时使用browserify和gulp

7.npm install --save-dev babelify : 解析jsx语法(注意修改相应gulpfile --> transform(babelify , {presets : ["react"]},否则无法解析jsx,因为{preset:[]又得npm install babel-preset-react)

8.npm install --save react react-dom : 安装react、reactdom

9.自动刷新:不但要监听source jsx语法 转换到 build js语法,还要监听build中js是否变化,然后定义livereload任务

你可能感兴趣的:(react)