Node.js学习-day2

时钟案列

要求：一个index.html文件包含css样式和js语法，程序要求能够将index.html中的css样式提取出来存放到clock文件夹下的clock.css中，将index.html中的js提取出来存放到clock文件夹下的clock.js中，最后将单纯的html存放到同级下的clock.html中。

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

//匹配<style></style>和<script></script>标签
//\s表示匹配空字符串 \S表示匹配非空字符串 *表示无限重复次数
const regStyle = /<style>[\s\S]*<\/style>/
const regScript = /<script>[\s\S]*<\/script>/

//读取index.html文件
fs.readFile(path.join(__dirname,'./index.html'),'utf8',function(err,dataStr){
    if(err){
        return console.log('读取文件失败' + err.message);
    }
    resolveCSS(dataStr);
    resolveJS(dataStr);
    resolveHTML(dataStr)
})

//处理css样式
function resolveCSS(htmlStr){
    //exec() 方法用于检索字符串中的正则表达式的匹配
   const r1 = regStyle.exec(htmlStr);
   //去掉<style></style>标签
   const newCSS = r1[0].replace('<style>','').replace('</style>','')
    //注意fs.writeFile()方法只能创建文件，不能创建路径，新写入的内容会覆盖之前的旧内容
   fs.writeFile(path.join(__dirname,'./clock/clock.css'),newCSS,function(err){
       if(err)return console.log('写入CSS失败！' + err.message);
       console.log('写入CSS成功！');
   })
}

//处理js文件
function resolveJS(htmlStr){
    //exec() 方法用于检索字符串中的正则表达式的匹配
   const r2 = regScript.exec(htmlStr);
   //去掉<style></style>标签
   const newJS = r2[0].replace('<script>','').replace('</script>','')
   
   fs.writeFile(path.join(__dirname,'./clock/clock.js'),newJS,function(err){
       if(err)return console.log('写入JS失败！' + err.message);
       console.log('写入JS成功！');
   })
}

//处理纯HTML
function resolveHTML(htmlStr){
    const newHTML = htmlStr.replace(regStyle,'<link rel="stylesheet" href="./clock.css" />').replace(regScript,'<script src="./clock.js"></script>')
    fs.writeFile(path.join(__dirname,'./clock/clock.html'),newHTML,function(err){
        if(err) return console.log('写入HTML失败！'+ err.message);
        console.log('写入HTML成功！');
    })
}