如何全局安装一个 node 应用?
npm install -g xxx
package.json 有什么作用?
每个项目的根目录下面都有一个package.json文件,定义这个项目所需要的各个模块,以及项目的配置信息,(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。
npm install --save app 与 npm install --save-dev app有什么区别?
npm install --save app是将app这个模块放在package的dependencies依赖上,这是项目上线之后也要用的模块
npm install --save-dev app则是将这个模块放在package的devDependencies依赖上,这是生产环境中需要的,上线后不需要
题目4: node_modules的查找路径是怎样的?
先在当前目录找,找不到再到上一级目录,以此类推,最后再到根目录
npm3与 npm2相比有什么改进?yarn和 npm 相比有什么优势? (选做题目)
npm3相比npm2主要改进了依赖管理方案
npm2安装依赖的时候比较简单直接,直接按照包的依赖的树形结构下载填充至本地目录,缺陷在于太深的目录树结构会严重影响效率,甚至在window下可能会超出系统路径限制的长度,另外有删node_modules目录经历的可能都漫长的等待。
针对 npm2 的问题,npm3 加了点算法,直白的解释就是:npm install 时会按照 package.json 里依赖的顺序依次解析,遇到新的包就把它放在第一级目录,后面如果遇到一级目录已经存在的包,会先判断版本,如果版本一样则忽略,否则会按照 npm2 的方式依次挂在依赖包目录下
在包版本差异化不太严重的情况下,这种构建方式会几乎把所有包放在一级目录下,很大程度下提升了效率以及节省了部分磁盘空间。但是npm3又遇到了新问题,有可能开发环境和测试环境的node_modules的目录结构不一样,以及其他因素,faceboook开发了yarn来替代npm。
yarn优点在于只要通过Yarn安装过的套件都会在本地目录产生Cache,也就是说只要安装过依次,下次重新安装都会从Cache重新读取, 安装速度会提升很多。
webpack是什么?和其他同类型工具比有什么优势?
webpack是一个模块打包工具,
优势:
1.兼容common.js、AMD、ES6语法
2.js文件、css文件、图片、html文件都可以打包
3.有很多插件可使用
4.有独立的配置文件webpack.config.js
5.可以将代码切割成不同的chunk,实现按需加载,降低了初始化时间;
npm script是什么?如何使用?
就是一个打包命令的功能,可以在package.json文件里的scripts对象下配置,内容为key:命令,配置好后用npm key命令就可以执行配置好的命令,极大的减少了操作指令,但是如果key不是npm自带的指令是自创的话要用npm run key
使用 webpack
https://shaozhiyuan.github.io/blog/webpack%E4%BC%81%E4%B8%9A%E5%AE%9E%E6%88%98.html
获取新闻阶段由于协议关系获取不成功 但本地能成功获取如图
gulp是什么?使用 gulp 实现图片压缩、CSS 压缩合并、JS 压缩合并
gulb是一个能够打包、压缩、合并、git、远程等功能快速易用的插件