美文网首页
npm-npmscript-gulp-webpack

npm-npmscript-gulp-webpack

作者: 邵志远 | 来源:发表于2017-05-29 11:49 被阅读0次

如何全局安装一个 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
获取新闻阶段由于协议关系获取不成功 但本地能成功获取如图

image.png

gulp是什么?使用 gulp 实现图片压缩、CSS 压缩合并、JS 压缩合并

gulb是一个能够打包、压缩、合并、git、远程等功能快速易用的插件

image.png image.png

相关文章

  • npm-npmscript-gulp-webpack

    题目1: 如何全局安装一个 node 应用? npm install -g xxx 题目2: package.js...

  • npm-npmscript-gulp-webpack

    1: 如何全局安装一个 node 应用? npm install -g app 2: package.json 有...

  • npm-npmscript-gulp-webpack

    1.如何全局安装一个 node 应用? 在终端输入以下命令,即在全局安装应用,可在终端输入fanyi、webpac...

  • npm-npmscript-gulp-webpack

    题目1: 如何全局安装一个 node 应用? “全局安装”指的是将一个模块安装到系统目录中,各个项目都可以调用。一...

  • npm-npmscript-gulp-webpack

    如何全局安装一个 node 应用? 将安装包放在 /usr/local/lib/node_modules 下 可...

  • npm-npmscript-gulp-webpack

    1: 如何全局安装一个 node 应用? npm是一个node包管理和分发工具,有了npm,可以很快的找到特定服务...

  • npm-npmscript-gulp-webpack

    题目1: 如何全局安装一个 node 应用? npm install -g 题目2: package.json 有...

  • npm-npmscript-gulp-webpack

    1. 如何全局安装一个 node 应用? 2. package.json 有什么作用? 命令行 npm init ...

  • npm-npmscript-gulp-webpack

    1. 如何全局安装一个 node 应用? 使用npm install -g packageName命令来全局安装n...

  • npm-npmscript-gulp-webpack

    1.一如何全局安装一个 node 应用? npm i xxx一般全局安装之后,还要在本地安装一次,npm i --...

网友评论

      本文标题:npm-npmscript-gulp-webpack

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