【Node.js】时钟案例---将一个网页分别拆分成css、html和js文件

最新推荐文章于 2022-11-06 10:18:19 发布

VIP文章翘阳啦

最新推荐文章于 2022-11-06 10:18:19 发布

阅读量322

点赞数

本文链接：https://blog.csdn.net/qiaoyangla/article/details/126189415

版权

案例的实现步骤：

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

时钟网页

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>index首页</title>
  <style>
    html,
    body {
      margin: 0;
      padding: 0;
      height: 100%;
      background-image: linear-gradient(to bottom right, red, gold);
    }

    .box {
      width: 400px;
      height: 250px;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 6px;
      position: absolute;
      le

最低0.47元/天解锁文章

翘阳啦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【Node.js】时钟案例---将一个网页分别拆分成css、html和js文件

案例的实现步骤创建两个正则表达式，分别匹配和标签使用fs模块，读取需要被处理的html文件自定义resolveCSS文件，来写入index.css样式文件自定义resolveJS文件，来写入index.js文件自定义resolveHTML文件，来写入index.html文件...
复制链接

扫一扫