模块化加载与commonjs

模块化加载与commonjs

• 一个js文件对应就是一个模块文件
• es5不支持原生的模块化，它是以script引入进来
• node为了模块化，引入了commonJS规范

commonJS：

• 方便团队开发
• 方便与模块的管理
• 一个模块就是做你这个模块只要的事

es6中

• 模块 export 变量名=变量值

• 引入

• <script type="module">import {变量名} from '文件路径'</script>
  

node中有2中模块

• 系统自带的模块

  • require(‘核心模块名’)

• 自定义的模块

  • 格式1:

    • exports.属性名=属性值;
    • exports.方法名=方法

  • 引入模块

    • require(’./模块名’)

  • 格式2：

    • module.exports.属性名=属性值
    • module.exports.方法名 = 方法值

  • 自定义模块引入时，后缀.js可以省略，但./或者…/是为了区分系统自带的核心模块和自定义模块的区分

当引入模块之后，模块文件自动生成

模块的顶部：

function(exports,require,moudule,__filename,__dirname){}

exports:暴露模块

require：引入暴露属性名 属性方法

module:当前模块名

2种模块的暴露：module.exports.属性名=属性值/exports.属性名=属性值;

__filename:得到当前模块完整路径

__dirname：得到当前文件夹的完整路径

exports 不会改变原来的地址

npm

npm -v 查看npm的版本

• npm version 查看所有模块的版本

• npm init 初始化项目（创建package.json）

• npm i/install 包名 安装指定的包 @版本号，不加版本默认为最新

• npm i/install 包名 --save 安装指定的包并添加依赖

• npm i/install 包名 -g 全局安装（一般都是一些工具）****

• npm i/install 安装当前项目所依赖的包

• npm s/search 包名 搜索包

• npm r/remove 包名 删除一个包