Une brève analyse de quelques API du module path dans node

1. Une première introduction au module path

Le module path est un module officiellement fourni par Node.js pour le traitement des chemins . Il fournit une série de méthodes et d'attributs pour répondre aux besoins des utilisateurs en matière de traitement des chemins.

2. API du module Path

2.1 path.join()

La méthode path.join() est utilisée pour fusionner plusieurs fragments de chemin en une chaîne de chemin complète.

Le format de syntaxe est :

...paths(string) La séquence de fragments de chemin correspond à toute la série de chemins que vous devez épisser.

Il convient de noter que la valeur renvoyée est une chaîne

//Introduisez le module de chemin const path=require("path").
//Écrivez le chemin à épisser ​​const pathStr=path.join('/a','/b/c','../','./d','e')

console.log(cheminStr)

2.2 path.basename()

Utilisez la méthode path.basename() pour obtenir la dernière partie du chemin. Cette méthode est souvent utilisée pour obtenir

le format syntaxique

• path est un paramètre obligatoire, une chaîne représentant un chemin.
• Paramètre facultatif, représentant l'extension du fichier,
• représentant la dernière partie du chemin

.

const fpath='./a/b/c/index.html'

var nom complet = chemin.nom de base (fpath)

console.log (nom complet)
//Obtient le nom du fichier avec le suffixe spécifié const namepath=path.basename(fpath,'.html')

console.log(chemin de nom)

2.3 path.extname()

path.extname() est utilisé pour obtenir l'extension de fichier dans le chemin.

Le format est

• path est un paramètre obligatoire, une chaîne représentant un chemin.

• Retour : renvoie la chaîne d'extension obtenue

const path=require("path").

const fpath='./a/b/c/d/index.html'

const ftext = chemin.extname (fpath)

console.log(ftext)

3. Dans la pratique du cas de l'horloge,

divisez le code fourni (un fichier contient du HTML, du CSS et du js en même temps) en trois fichiers, à savoir index.html index.css index.js et stockez-les dans un

code source

3.1 Étapes d'implémentation

1. Créez deux expressions régulières pour faire correspondre respectivement <style> et <script>
2. Utilisez le module fs pour lire le fichier HTML à traiter
3. Personnalisez la méthode solveCSS pour écrire le fichier de style index.css
4. Personnalisez la méthode solveJS pour écrire le fichier de script index.js
5. Personnalisez la méthode solveHTML pour écrire le fichier index.html

3.1.1 Étape 1 - Importez les modules requis et créez l'expression régulière

const path=require('path')
const fs=exiger('fs')

const regStyle=/<style>[sS]*</style>/

const scriptruler=/<script>[sS]*</script>/
//Le fichier à lire fs.readFile(path.join(__dirname,'/static/index.html'),'utf-8',function(err,dateStr){
    si(erreur){
        return console.log("Échec de la lecture")
    }
   résoudreCSS(dateStr)
   résoudreHTML(dateStr)
   résoudreJS(dateStr)
})

Fonction

personnalisée de la méthode solveCSS solveHTML solveJS

    const r1=regStyle.exec(htmlStr)
    const newcss=r1[0].replace('<style>','').replace('</style>','')
    //Écrivez le CSS correspondant dans le fichier index.css spécifié fs.writeFile(path.join(__dirname,'/static/index.css'),newcss,function(err){
        if(err) return console.log("Import failed"+err.message)
        console.log("ojbk")
    })
}
fonction résoudreJS(htmlStr){
    const r2=scriptruler.exec(htmlStr)
    const newcss=r2[0].replace('<script>','').replace('</script>','')
    //Écrivez le CSS correspondant dans le fichier index.js spécifié fs.writeFile(path.join(__dirname,'/static/index.js'),newcss,function(err){
        if(err) return console.log("Import failed"+err.message)
        console.log("ojbk")
    })
}
fonction résoudreHTML(htmlStr){
    const nouveauhtml=htmlStr
    .replace(regStyle,'<link rel="stylesheet" href="./index.css">')
    .replace(scriptruler,'<script src="./index.js"></script>')
    //Écrivez le CSS correspondant dans le fichier index.html spécifié fs.writeFile(path.join(__dirname,'/static/index2.html'),newhtml,function(err){
        if(err) return console.log("Import failed"+err.message)
        console.log("ojbk")
    })
}

Le résultat final est de décoller le style dans le fichier spécifié

. Cependant, comme le fichier index.html initial contient tout le code, l'emplacement où il est stocké lorsque le style est divisé est toujours l'original, donc le fichier index.html final. constante de code