美文网首页
《React精髓》实践笔记 - Chapter 1 环境

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

作者: 喂喂喂章鱼 | 来源:发表于2018-06-15 19:07 被阅读0次

 ### 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

相关文章

网友评论

      本文标题:《React精髓》实践笔记 - Chapter 1 环境

      本文链接:https://www.haomeiwen.com/subject/jdumeftx.html