A brief analysis of node's path module

青灯夜游
Release: 2023-02-17 18:18:51
forward
2380 people have browsed it

The path module is a built-in module in nodejs for processing file/directory paths. It can be regarded as a toolbox, providing many methods for us to use, of course all related to path processing. At the same time, the path module appears frequently in front-end development, such as when configuring webpack. This article will talk about the path module of node.

A brief analysis of node's path module

node’s path module

Foreword: Through this article you will understand node Some API
of the path built-in module can be viewed on thenode official websiteif necessary. Of course practice is greater than theory
So I prepared a case for practice

1. First introduction to the path module

The path module is a moduleofficially provided by Node.js forprocessing paths. It provides a series of methods and attributes to meet users' needs for path processing.

2.path module API

2.1 path.join()

path.join() method, used to splice multiple path fragments into a complete path string

The syntax format is
A brief analysis of nodes path module

…paths(string) The sequence of path fragments is all the path series you need to splice. [Related tutorial recommendations:nodejs video tutorial,Programming teaching]

##It should be noted that the returned value is string

//引入path模块 const path=require("path") //书写要拼接的路径 const pathStr=path.join('/a','/b/c','../','./d','e') console.log(pathStr)
Copy after login

A brief analysis of nodes path module

##2.2 path.basename()

Use path.basename() method, The last part of the path can be obtained. This method is often used to obtain the file name in the
path

Syntax format


A brief analysis of nodes path module

path is a required parameter, a string representing a path
  • Optional parameter, representing the file extension
  • Represents the last part of the 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)
    Copy after login

A brief analysis of nodes path module

2.3 path.extname()

path.extname() is used to get the file extension in the path

The format is


A brief analysis of nodes path module

    path is a required parameter, a string representing a path
  • Return: Return the obtained extension string
  • const path=require("path") const fpath='./a/b/c/d/index.html' const ftext =path.extname(fpath) console.log(ftext)
    Copy after login

A brief analysis of nodes path module

3. Clock case practice

Split the provided code (one file has html, css, and js at the same time)
Split into three files, namely index.html index.css index. js and store it in a prepared file


Source codeRight click to view the source code

3.1 Implementation steps

1. Create two regular expressions to match
','') //将匹配的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('','') //将匹配的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,'') .replace(scriptruler,'') //将匹配的css写入到指定的index.html文件中 fs.writeFile(path.join(__dirname,'/static/index2.html'),newhtml,function(err){ if(err) return console.log("导入失败"+err.message) console.log("ojbk") }) }
Copy after login
Finally The result is that the style is stripped out in the specified file

. However, since the initial index.html contains all the code, the location where
is stored when the style is split is still the same. Original, so the code of final index.html remains unchanged


For more node-related knowledge, please visit: nodejs tutorial!

The above is the detailed content of A brief analysis of node's path module. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!