Node基础-CommonJS模块化规范

TimothyJia

发布于 2019-11-12 14:14:09

6130

发布于 2019-11-12 14:14:09

1.在本地项目中基于NPM/YARN安装第三方模块

第一步：在本地项目中创建一个“package.json”的文件作用：把当前项目所有依赖的第三方模块信息（包含：模块名称以及版本号等信息）都记录下来；可以在这里配置一些可执行的命令脚本等；基于YARN会默认生成一个“配置清单”，只是信息没有手动创建的全面 npm init -y 或者 yarn init -y 创建配置清单的时候，项目目录中不应该出现中文和特殊符号，这样有可能识别不了
第二步：安装开发依赖：只有在项目开发阶段依赖的第三方模块生产依赖：项目部署实施的时候，也需要依赖的第三方模块 [npm] npm install xxx --save 保存到配置清单的生产依赖中 --save-dev 保存到开发依赖中 [yarn] yarn add xxx 默认就是保存到生产依赖中 --dev / -D 保存到开发依赖中
第三步：部署的时候“跑环境” 不要自己一个个的安装，只需要执行 npm install 或者 yarn install 即可，npm会自己先检测目录中是否有package.json文件，如果有的话，会按照文件中的配置清单依次安装

=>开发一个项目，我们生成一个配置清单“package.json”，当我们安装第三方模块使用的时候，把安装的模块信息记录到配置清单中，这样以后不管是团队协作开发还是项目部署上线，我们都没有必要把node_modules发文件发送给别人，只需要把配置清单传递给其它人即可，其他人拿到配置清单后，按照清单中依赖项及版本号，重新安装即可（重新安装：“跑环境”）

package.json

{
  "name": "0609DAY1",  //=>模块名称
  "version": "1.0.0",  //=>版本号
  "description": "",   //=>模块的描述
  "main": "index.js",  //=>当前模块的主入口文件
  "dependencies": {    //=>生产依赖
    "zepto": "^1.2.0"
  },
  "devDependencies": { //=>开发依赖

  },
  "scripts": {  //=>可执行脚本
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

2.安装在本地和全局的区别

[安装在全局的特点] 1.所有的项目都可以使用这个模块 ->容易导致版本冲突 ->安装在全局的模块，不能基于CommonJS模块规范调取使用（也就是不能在JS中通过REQUIRE调取使用）
[安装在本地的特点] 1.只能当前项目使用这个模块 ->不能直接的使用命令操作（安装在全局可以使用命令）

为啥安装在全局下可以使用命令?

   npm root / -g  查看本地项目或者全局环境下,NPM的安装目录

  安装在全局目录下的模块，但部分都会生成一个xxx.cmd的文件，只要有这个文件，那么xxx就是一个可执行的命令（例如：yarn.cmd => yarn就是命令）

  @IF EXIST "%~dp0\node.exe" (
    "%~dp0\node.exe"  "%~dp0\node_modules\yarn\bin\yarn.js" %*
  ) ELSE (
    @SETLOCAL
    @SET PATHEXT=%PATHEXT:;.JS;=;%
    node  "%~dp0\node_modules\yarn\bin\yarn.js" %*
  )

能否即安装在本地，也可以使用命令操作？ 可以，但是需要配置package.json中的scripts

1.把模块安装在本地，如果是支持命令操作的（会在node_modules的bin中生成xxx.cmd的命令文件，只不过这个文件无法在全局下执行 =>不能直接用命令）
2.在package.json的scripts中配置需要执行的命令脚本 "scripts": { "zxt": "lessc -v" 属性名自己设置即可，属性值是需要执行的命令脚本，根据需要自己编写(可以配置很多命令的) }
3.npm run zxt / yarn zxt 这样的操作就是把配置的脚本执行 ->首先到配置清单的scripts中查找 ->找到把后面对应的属性值（执行脚本）执行 ->执行脚本的时候，会到本地node_modules中的bin文件加查找，没有的话，在向NPM安装的全局目录下查找

3.NODE入门

NODE本身是基于CommonJS模块规范设计的，所以模块是NODE的组成

内置模块：NODE天生提供给JS调取使用的
第三方模块：别人写好的，我们可以基于NPM安装使用
自定义模块：自己创建一些模块

CommonJS模块化设计的思想（AMD/CMD/ES6 MODULE都是模块设计思想）

  1.CommonJS规定，每一个JS都是一个单独的模块（模块是私有的：里面涉及的值和变量以及函数等都是私有的，和其它JS文件中的内容是不冲突的）

  2.CommonJS中可以允许模块中的方法互相的调用
    B模块中想要调取A模块中的方法
      =>A导出
      =>B导入

  [导出]
    CommonJS给每一个模块（每个JS）中都设置了内置的变量/属性/方法
      module：代表当前这个模块[object]
      module.exports：模块的这个“属性”是用来导出当前模块的属性和方法的 [object]
      exports：是内置的一个“变量”，也是用来导出当前模块属性方法的，虽然和module.exports不就是一个东西，但是对应的值是同一个(module.exports=exports 值都是对象)

  [导入]
    require：CommonJS提供的内置变量，用来导入模块的（其实导入的就是module.exports暴露出来的东西）；导入的值也是[object]类型的；


  CommonJS特点：
    1. 所有代码都运行在模块作用域，不会污染全局作用域（每一个模块都是私有的，包括里面所有的东西也都是私有的，不会和其它模块产生干扰）

    2. 模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。（为了保证性能，减少模块代码重复执行的次数）

    3. 模块加载的顺序，按照其在代码中出现的顺序。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。

案例：A/B/C三个模块 A中有一个sum方法：实现任意数求和 B中有一个avg方法：实现任意数求平均（先求和再求平均：B中用到A） C中调取B中的avg，实现 12,23,34,45,56,67,78,89 求平均数

  require导入规则
     require('./xxx') 或者 ../xxx 再或者 /xxx，这种自己制定路径的模式，都是为了导入自定义的模块，换句话说，想要导入自定义的模块，必须加路径

     require('xxx') 首先到当前项目的node_modules中查找是否存在这个模块，不存在找node提供的内置模块（导入第三方或者内置的）

__dirname：模块中这个内置变量是当前模块所在的绝对路径（具体到盘符：物理路径例如：E:\201802LESSON\WEEK9\0609DAY1；相对路径：WEEK9\0609DAY1 相对于根目录的路径；）

__filename：相对于__dirname来讲，多了模块名称，例如：E:\201802LESSON\WEEK9\0609DAY1\C.js

4.NODE中的内置模块

http://nodejs.cn/api/

【fs内置模块：实现I/O操作】

  let fs = require('fs');

  1. fs.mkdir / fs.mkdirSync：创建文件夹，有Sync的是同步创建，反之没有是异步，想要实现无阻塞的I/O操作，我们一般都是用异步操作完成要处理的事情

  2. fs.readdir / fs.readdirSync：读取文件目录中的内容

  3. fs.rmdir ：删除文件夹

  4. fs.readFile：读取文件中的内容

  5. fs.writeFile：向文件中写入内容（覆盖写入：写入的新内容会替换原有的内容）

  6. fs.appendFile：追加写入新内容，原有的内容还在

  7. fs.copyFile：拷贝文件到新的位置

  8. fs.unlink：删除文件

  ...

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-09-09 ，如有侵权请联系 cloudcommunity@tencent.com 删除

yarn