已有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任务