码迷,mamicode.com
首页 > 其他好文 > 详细

React+gulp+browserify模块化开发

时间:2016-06-17 19:14:00      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

  阅读本文需要有React的基础知识,可以在React 入门实例教程React中文官网进行基础学习。

  没有React基础也可以学习本文,本文主要不是学习React,而是gulp+browserify进行模块化开发。

1.创建项目和环境搭建

  我们可以先创建一个文件夹叫react_item,作为项目的根目录。

  打开命令行,cd到项目的根目录下,我们需要通过npm安装gulp,输入:

npm install gulp -g--save-dev

  Tip:没有安装node.js的朋友可以进入node.js中文网下载

  gulp是前端项目的自动化构建工具,可以让我们方便的管理自己的项目,节约了我们大量的时间,详情见gulp中文网

  接下来还需要安装browserify,和上面一样,通过npm去安装:

npm install browserify --save-dev

  因为项目使用React进行开发,需要要安装react.js和react-dom.js,正常情况下我们不会把JSX放在浏览器端用

  

 

  

React+gulp+browserify模块化开发

标签:

原文地址:http://www.cnblogs.com/chinajins/p/5594745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!