点
### 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
网友评论