Nodejs fs、path简单应用

full sails

已于 2023-03-11 11:35:47 修改

阅读量135

点赞数 1

分类专栏： Node.js 文章标签： node.js 正则表达式前端 Powered by 金山文档

于 2023-03-10 13:01:24 首次发布

本文链接：https://blog.csdn.net/m0_74375553/article/details/129440462

版权

Node.js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

需求描述：Nodejs将html内的代码内部引用的css、js部分，处理为外部引用

boxDemo文件夹

运行splitBoxHtml.js文件作用：

创建三个文件，box.html、box.css、box.js

将指定内容写入其中

boxDemo下的box.html（源文件）

<html>
    <head>
        <title>盒子</title>
        <style>
            #box{
                height: 200px;
                background-color: aquamarine;
            }
        </style>
    </head>
    <body>
        <div id="box"></div>
        <input type="button" onclick="clickButton()" value="变色">
    
        <script>
            var box = document.getElementById('box');
            var flag = true;
            function clickButton(){
                if(flag === true){
                    box.style.background = 'red';
                    flag = false;
                } else {
                    box.style.background = 'aquamarine';
                    flag = true;
                };
            }
        </script>
    </body>
</html>

splitBoxHtml.js处理boxDemo下的box.html（源文件）

const fs = require('fs');
const path = require('path');
// css正则
const regStyle = /<style>[\s\S]*<\/style>/g
// js正则
const regScript= /<script>[\s\S]*<\/script>/g

// 读文件
fs.readFile(path.join(__dirname,'/box.html'),'utf-8',(err,data)=>{
    if(err){
        console.log(err);
    } else {
        //拿到css写入指定文件
        let strStyle = regStyle.exec(data)[0].replace('<style>','').replace('</style>','');
        resolveText(strStyle,'box.css');
        // 拿到js写入指定文件
        let strScript = regScript.exec(data)[0].replace('<script>','').replace('</script>','');
        resolveText(strScript,'box.js');
        // 拿到html写入指定文件
         let newHtml = data.replace(regStyle,'<link rel="stylesheet" href="./resolveCss.css">').replace(regScript,'<script src="./resolveScript.js"></script>');
        resolveText(newHtml,'box.html');
        
    }
})
// 写入指定文件
function resolveText(target,fileName){
    // 将target写进指定fileName的文件
    fs.writeFile(path.join(__dirname,`/box/${fileName}`),target,(err)=>{
        if(err == null){
            console.log(`写入${fileName}成功`);
        } else {
            console.log(`写入${fileName}失败`);
        }
    })
}

运行结果图

box文件下产生三个文件，开始为空

三个文件内容为：

注意事项：

fs.writeFile(path.join(__dirname,`/box/${fileName}`),target,(err)=>{
        if(err == null){
            console.log(`写入${fileName}成功`);
        } else {
            console.log(`写入${fileName}失败`);
        }
    })