1. <s id="4jtld"></s>
    1. <span id="4jtld"><meter id="4jtld"></meter></span>

        <span id="4jtld"></span>
      1. <s id="4jtld"><noscript id="4jtld"><i id="4jtld"></i></noscript></s>
        溫馨提示×

        node的path路徑模塊怎么使用

        發布時間:2023-02-17 16:27:16 來源:億速云 閱讀:65 作者:iii 欄目:web開發

        這篇文章主要介紹了node的path路徑模塊怎么使用的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇node的path路徑模塊怎么使用文章都會有所收獲,下面我們一起來看看吧。

        node的path模塊

        前言:通過這篇文章你會了解node的path內置模塊的一些API
        如果需要的話可到node官網查看。當然實踐大于理論
        所以我準備了一個案例,用于練手

        1.path路徑模塊初認識

        path 模塊是 Node.js 官方提供的、用來處理路徑的模塊。它提供了一系列的方法和屬性,用來滿足用戶對路徑的處理需求。

        2.path模塊的API

        2.1 path.join()

        path.join() 方法,用來將多個路徑片段拼接成一個完整的路徑字符串

        語法格式為
        node的path路徑模塊怎么使用

        …paths(string) 路徑片段的序列 ,就是你需要拼接的所有路徑系列。

        需要注意的是這個返回的值為string

        //引入path模塊
        const path=require("path")
        //書寫要拼接的路徑
        const pathStr=path.join('/a','/b/c','../','./d','e')
        
        console.log(pathStr)

        node的path路徑模塊怎么使用

        2.2 path.basename()

        使用 path.basename() 方法,可以獲取路徑中的最后一部分,經常通過這個方法獲取路徑中的文件名

        語法格式
        node的path路徑模塊怎么使用

        • path 必選參數,表示一個路徑的字符串

        • 可選參數,表示文件擴展名

        • 表示路徑中的最后一部分

        const path=require("path")
        
        const  fpath='./a/b/c/index.html'
        
        var fullname=path.basename(fpath)
        
        console.log(fullname)
        //獲取指定后綴的文件名
        const namepath=path.basename(fpath,'.html')
        
        console.log(namepath)

        node的path路徑模塊怎么使用

        2.3 path.extname()

        path.extname()用于獲取路徑中的文件擴展名

        格式為
        node的path路徑模塊怎么使用

        • path 必選參數,表示一個路徑的字符串

        • 返回: 返回得到的擴展名字符串

        const path=require("path")
        
        const fpath='./a/b/c/d/index.html'
        
        const ftext =path.extname(fpath)
        
        console.log(ftext)

        node的path路徑模塊怎么使用

        3.時鐘案例實踐

        將所提供的代碼(一個文件同時擁有html,css,js)進行拆分
        拆分成三個文件分別為index.html index.css index.js并將其存放到一個準備好的文件中

        源代碼
        點擊右鍵查看源代碼

        3.1實現步驟

        1.創建兩個正則表達式,分別用來匹配 <style><script> 標簽
        2. 使用 fs 模塊,讀取需要被處理的 HTML 文件
        3. 自定義 resolveCSS 方法,來寫入 index.css 樣式文件
        4. 自定義 resolveJS 方法,來寫入 index.js 腳本文件
        5.自定義 resolveHTML 方法,來寫入 index.html 文件

        3.1.1步驟1 - 導入需要的模塊并創建正則表達式

        const path=require('path')
        const fs=require('fs')
        
        const regStyle=/<style>[\s\S]*<\/style>/
        
        const scriptruler=/<script>[\s\S]*<\/script>/
        //需要讀取的文件
        fs.readFile(path.join(__dirname,'/static/index.html'),'utf-8',function(err,dateStr){
            if(err){
                return console.log("讀取失敗")
            }
           resolveCSS(dateStr)
           resolveHTML(dateStr)
           resolveJS (dateStr)
        })

        3.1.2 自定義 resolveCSS resolveHTML resolveJS 方法

        function resolveCSS(htmlStr){
            const r1=regStyle.exec(htmlStr)
            const newcss=r1[0].replace('<style>','').replace('</style>','')
            //將匹配的css寫入到指定的index.css文件中
            fs.writeFile(path.join(__dirname,'/static/index.css'),newcss,function(err){
                if(err) return console.log("導入失敗"+err.message)
                console.log("ojbk")
            })
        }
        function resolveJS(htmlStr){
            const r2=scriptruler.exec(htmlStr)
            const newcss=r2[0].replace('<script>','').replace('</script>','')
            //將匹配的css寫入到指定的index.js文件中
            fs.writeFile(path.join(__dirname,'/static/index.js'),newcss,function(err){
                if(err) return console.log("導入失敗"+err.message)
                console.log("ojbk")
            })
        }
        function  resolveHTML(htmlStr){
            const newhtml=htmlStr
            .replace(regStyle,'<link rel="stylesheet" href="./index.css">')
            .replace(scriptruler,'<script src="./index.js"></script>')
            //將匹配的css寫入到指定的index.html文件中
            fs.writeFile(path.join(__dirname,'/static/index2.html'),newhtml,function(err){
                if(err) return console.log("導入失敗"+err.message)
                console.log("ojbk")
            })
        }

        最終的結果就是在指定的文件中將樣式剝離開

        但是那個最開始的index.html由于是包含全部的代碼,而后
        在拆分樣式的時候存放的位置還是原來的,所以最終index.html的代碼不變

        node的path路徑模塊怎么使用

        關于“node的path路徑模塊怎么使用”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“node的path路徑模塊怎么使用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

        免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

        主題地圖

        欧美午夜理伦三级在线观看,欧美午夜乱伦片,欧美午夜乱色视频在线观看,欧美午夜免费一区二区,欧美午夜片欧美片在线观看