//将index页面的css、js、html各部分按要求分开
//1.导入模块
const fs=require(‘fs’)
const path=require(‘path’)
//2.定义正则表达式,分别匹配<script与标签
var regStyle= /
//3.使用fs.readFile读取index
fs.readFile(path.join(__dirname,‘./06.综合index案例.html’),(err,dataStr)=>{
if(err){
return console.log(‘读取失败’+err.message)
}
//7.调用resovleCss方法
resovleCss(dataStr)
//7.2调用resolveJs方法
resovleJs(dataStr)
//7.3调用resolveHtml方法
resovleHtml(dataStr)
})
//4.定义resolveCss方法
function resovleCss(htmlStr){
//5.使用reg.exec(str)提取需要的内容--提取成功返回数组,失败返回null
const r1 = regStyle.exec(htmlStr)
//6.替换style标签为空字符‘’
const newArr=r1[0].replace('<style>','').replace('</style>','')
//8.将其提取出来的纯css 写入clock目录中index.css的文件里
fs.writeFile(path.join(__dirname,‘./index.css’),newArr,(err)=>{
if(err) return console.log(‘写入css失败’+err.message)
console.log(‘写入css成功’)
})
}
//9.定义resovleJs方法,解析出js代码
function resovleJs(htmlStr){
//9.1提取出含js标签的js代码
const r2=regScript.exec(htmlStr);
//9.2将js标签替换成空字符
const newArr2=r2[0].replace(‘’,‘’)
//9.3将获得的不含js标签的js代码写入index.js
fs.writeFile(path.join(__dirname,‘./index.js’),newArr2,(err)=>{
if(err) console.log(‘写入js失败’+err.message)
console.log(‘写入js成功’)
})
}
//10.自定义resovleHtml方法将内嵌的