node.js的模塊化
- 模塊化的概念
- node.js的三種模塊
模塊化的概念
- 什么是模塊化??
- 一個js檔案中可以引入另一個js檔案的資料,
- 為什么要用模塊化
- 防止全域變數污染,檔案依賴問問題,可提高代碼的復用性
- 模塊規范
- CommonJS 規范:nodejs中遵守的就是commonjs規范,
- ES6 模塊化規范:(前后端通用的模塊化規范;Node.js、Vue、
React 中都能使用!)
CMD 和 AMD 模塊化規范(較少使用): CMD–sea.js, AMD-require.js
UMD 叫做通用模塊定義規范(Universal Module Definition),它可以通過運行時或者編譯時讓同一個代碼模塊在使用 CommonJs、CMD 甚至是 AMD 的專案中運行,它沒有自己專有的規范,是集結了 CommonJs、CMD、AMD 的規范于一身,
node.js的三種模塊
- 內置模塊(由官方提供,例如 fs,path,http)
const fs = require('fs')
const path = require('path')
//可以直接使用
- 自定義模塊(用戶自定義,一個js檔案中引入另外一個js檔案)
//向多模塊共享作用域中的成員
//方法一
module.exports.name = 'zhangsan'
//方法二
exports.name = 'lisi'
//匯入 使用require()方法加載模塊時,會執行被加載模塊中的代碼
const moment = require('./XXX/XX') //此處輸入需要引入的js的路徑
const dt = moment().format('YYYY-MM-DD HH:mm:ss')
- 第三方模塊(也就是包,需要先下載)
- npm包:第三方模塊(都是免費開源的,是基于內置模塊封裝出來的)
在安裝node.js的時候已經安裝了npm包,所以可以直接在命令列中輸入npm -v可以查看安裝的npm版本
語意化版本規范: 例如 2.24.1
第一位數字:大版本
第二位數字:功能版本
第三為數字:Bug修復版本
//安裝包的命令(前一種是簡寫)
npm i 包名稱 //npm install 包名稱
//安裝指定版本的包
npm i 包名稱@版本號
- 如何在專案中記錄安裝了哪些包?
因為node-module檔案特別大,為了減少傳輸時間提高效率,將其添加到.gitignore檔案中(忽略)
快速創建package.json
npm init -y
其中dependencies節點專門用來記錄安裝了哪些包
- 安裝包
npm i //一次性安裝所有的包
npm i 包1 包2 //安裝多個包 包與包之間用空格隔開
- 卸載包
npm uninstall 包名
寫在成功的包會自動將package.json里面dependencies里面移除
- 某些包只會在開發專案的階段用到,專案上線后用不到,則記錄到devDependencies里面
npm i webpack -D
npm i webpack --save-dev
- 查看當前下的包的鏡像源
npm config get registry
- 將當前包的鏡像源切換為淘寶鏡像源
npm config set registry=https://registry.npm.taobao.org/
- 檢查鏡像源是否下載成功
npm config get registry
- 安裝nrm小工具,用插件安裝鏡像源,可解決下載包速度慢的問題
npm i nrm -g //全域可用
- 查看
nrm ls
- 切換為淘寶鏡像源
nrm use taobao
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/306001.html
標籤:其他
上一篇:什么是模塊化?
下一篇:手把手教你寫個包
