《React精髓》实践笔记 - Chapter 1 环境

点

 ### package.json

 - package.json 与 npm包关系
 - 生成package.json : npm init

### 打包 ---Browerify

 - 我们开发过程中的一个步骤，构建脚本会将源文件和所依赖的包转换为单个文件，交给浏览器执行
 - 构建中的最重要的一步叫做**打包**
 - 打包的原因 ：为了复用别人的node.js包（在一个非node.js包即我们的项目中）
 - 打包的东西是什么：打包所有依赖，这次使用 Browerify

- save-dev 将包添加到package.json中作为开发的依赖。
- 依赖分为 **开发依赖** 和 **运行依赖**
- 开发依赖：--save-dev
- Browserify在开发过程中用到，是开发依赖，而Gulp在开发和运行中都用到，所以要分别npm install --save-dev gulp 和npm install  --global gulp

构建 --- gulp.js

  - 将单个模块组装成项目
  - 根据项目复杂程度，花费时间可能是马上，可能是永远

babelify

用来解析JSX语法

vinyl-source-stream

可以让我们同时使用Gulp和Browserify

遇到的问题

gulp全局安装失败

npm install -g gulp

• 报错：zsh: command not found
• 问题：以上路径说明npm只安装到了本地目录
• 解决办法 ： 修改npm的路径,然后再次安装

npm config set prefix /usr/local
sudo npm install --global gulp

babel-core模块找不到

安装完babel模块之后，执行gulp，报错Cannot find module 'babel-core'
解决办法：重新下载这个模块就好了 npm install -save-dev babel-core