综合案例- 时钟案例

案例要实现的内容

案例实现步骤

1. 创建两个正则表达式，分别用来匹配 < style > 和 < script > 标签
2. 使用 fs 模块，读取需要被处理的 HTML 文件
3. 自定义 resolveCSS 方法，来写入 index.css 样式文件
4. 自定义 resolveJS 方法，来写入 index.js 脚本文件
5. 自定义 resolveHTML 方法，来写入 index.html 文件

• 导入模块

//导入fs模块
const fs = require('fs')
//导入path模块
const path = require('path')

• 定义正则表达式

// 定义正则表达式
const regStyle = /', '')
  fs.writeFile(path.join(__dirname, './clock/index.css'), newCSS, err => {
    if (err) {
      return console.log('写入css样式失败!' + err.message);
    }
    console.log('写入CSS样式成功');
  })
}

function resolveJS(htmlStr) {
  //使用正则表达式提取出 script标签里面的内容
  const r2 = regScript.exec(htmlStr)
  const newJS = r2[0].replace('', '')

  fs.writeFile(path.join(__dirname, './clock/index.js'), newJS, err => {
    if (err) {
      return console.log('写入Js失败!' + err.message);
    }
    console.log('写入JS成功');
  })
}

//定义处理 HTML 结构的方法
function resolveHTML(htmlStr) {
  const newHTML = htmlStr
    .replace(regStyle, '')
    .replace(regScript, '')
  //接下来写入文档中
  fs.writeFile(path.join(__dirname, './clock/index.html'), newHTML, err => {
    if (err) {
      return console.log('html文件写入失败' + err.message);
    }
    return console.log('html文件写入成功!');
  })

}