1. 什么是 path 路徑模塊

path 模塊是 Node.js 官方提供的、用來(lái)處理路徑的模塊。

它提供了一系列的方法和屬性，用來(lái)滿(mǎn)足用戶(hù)對(duì)路徑的處理需求。

例如：

• path.join () 方法，用來(lái) 將多個(gè)路徑片段拼接成一個(gè)完整的路徑字符串
• path.basename () 方法，用來(lái)從路徑字符串中，將文件名解析出來(lái)

如果要在 JavaScript 代碼中，使用 path 模塊來(lái)處理路徑，則需要使用如下的方式先導(dǎo)入它：

2. 路徑拼接

使用 path.join() 方法，可以把多個(gè)路徑片段拼接為完整的路徑字符串，語(yǔ)法格式如下：

參數(shù)解讀：

• ...paths <string> 路徑片段的序列
• 返回值 : <string>

使用 path.join() 方法，可以把多個(gè)路徑片段拼接為完整的路徑字符串：

注意：今后凡是涉及到路徑拼接的操作，都要使用 path.join() 方法進(jìn)行處理。不要直接使用 + 進(jìn)行字符串的拼接。 

3. 獲取路徑中的文件名 

使用 path.basename() 方法，可以獲取路徑中的最后一部分，經(jīng)常通過(guò)這個(gè)方法獲取路徑中的文件名，語(yǔ)法格式如下：

參數(shù)解讀：

• path <string> 必選參數(shù)，表示一個(gè)路徑的字符串
• ext <string> 可選參數(shù)，表示文件擴(kuò)展名
• 返回 : <string> 表示路徑中的最后一部分

使用 path.basename() 方法，可以從一個(gè)文件路徑中，獲取到文件的名稱(chēng)部分： 

4. 獲取路徑中的文件擴(kuò)展名

使用 path.extname() 方法，可以獲取路徑中的擴(kuò)展名部分，語(yǔ)法格式如下：

參數(shù)解讀：

• path <string> 必選參數(shù)，表示一個(gè)路徑的字符串
• 返回 : <string> 返回得到的擴(kuò)展名字符串

使用 path.extname() 方法，可以獲取路徑中的擴(kuò)展名部分：

5. 綜合案例 - 時(shí)鐘案例

將素材目錄下的 index.html 頁(yè)面，拆分成三個(gè)文件，分別是：

• index.css
• index.js
• index.html

并且將拆分出來(lái)的 3 個(gè)文件，存放到 clock 目錄中。

①創(chuàng)建兩個(gè)正則表達(dá)式，分別用來(lái)匹配 <style> 和 <script> 標(biāo)簽

②使用 fs 模塊，讀取需要被處理的 HTML 文件

③自定義 resolveCSS 方法，來(lái)寫(xiě)入 index.css 樣式文件

④自定義 resolveJS 方法，來(lái)寫(xiě)入 index.js 腳本文件

⑤自定義 resolveHTML 方法，來(lái)寫(xiě)入 index.html 文件

① fs.writeFile () 方法只能用來(lái)創(chuàng)建文件，不能用來(lái)創(chuàng)建路徑

② 重復(fù)調(diào)用 fs.writeFile () 寫(xiě)入同一個(gè)文件，新寫(xiě)入的內(nèi)容會(huì)覆蓋之前的舊內(nèi)容

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論