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.

node’s path module

Foreword: Through this article you will understand node Some API
of the path built-in module can be viewed on the node official website if 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 module officially provided by Node.js for processing 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

…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)

##2.2 path.basename()

path

Syntax format

• 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

2.3 path.extname()

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

3. Clock case practice

Split into three files, namely index.html index.css index. js and store it in a prepared file

Source code Right click to view the source code

3.1 Implementation steps