public html

c3151d37 · dsyuan001 · b78e063a · c3151d37 · c3151d37 · c3151d37
7 changed file
--- a/packages/src/index.ts
+++ b/packages/src/index.ts
 import seoPrerender from './render'
 import childProcess from 'child_process'
+import path from 'path'

 interface Config {
  puppeteer?: any // puppeteer一些配置
-  routes: string[] // 需要生成的路由地址
+  routes?: string[] // 需要生成的路由地址
  removeStyle?: boolean // 启用vite preview会自带有些样式，默认下移除
  callback?: Function
+  htmlRoutes?: string[] // 处理public目录下的html文件
 }

 const prerender = (config: Config) => {
@@ -26,6 +28,23 @@ const prerender = (config: Config) => {
    buildEnd() {
      //console.log('buildEnd')
    },
+    configureServer(server) {
+      const {watcher} = server
+      if (config.htmlRoutes?.length) {
+        // 监听 public 目录下的 HTML 文件更改
+        watcher.on('change', (filePath) => {
+          const publicRoot = path.join(server.config.root, '/public')
+          const relativePath = path.relative(publicRoot, filePath)
+          console.log('relativePath', relativePath)
+          /*if (filePath.startsWith(server.config.root + '/public/') && filePath.endsWith('.html')) {
+            console.log(`Detected change in HTML file: ${filePath}`);
+
+            // 在此处进行你的处理逻辑
+            // 可以读取文件内容、替换内容、编译等操作
+          }*/
+        })
+      }
+    },
    closeBundle() {
      if (!config?.routes?.length) {
        console.log('路由地址为空，请配置需预渲染的routes')

--- a/public/contact/index.html
+++ b/public/contact/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+</head>
+<body>
+this is contact page ,transform 123?
+<p>1234567891011</p>
+</body>
+</html>
--- a/src/assets/style.css
+++ b/src/assets/style.css
+body{margin: 0;padding: 0;font-size: 14px;}
--- a/src/main.ts
+++ b/src/main.ts
 import {createApp} from 'vue'
 import App from './App.vue'
 import router from './router'
+import './assets/style.css'

 createApp(App).use(router).mount('#app')
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
 <template>
-  <div>this about page</div>
+  <div class="about">this about page</div>
 </template>

-<style scoped>
-
+<style>
+.about{color: red;font-size: 16px;}
 </style>
--- a/src/views/test.vue
+++ b/src/views/test.vue
 <template>
-  <div>
+  <div class="index">
    this is test page
  </div>
 </template>
 <script setup>

 </script>
+<style>
+.index{color: antiquewhite}
+</style>
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,6 +7,9 @@ import seoPrerender from './packages/src'
 export default defineConfig({
  plugins: [
    vue(),
-    seoPrerender({routes: ['/about']})
+    seoPrerender({
+      routes: ['/about'],
+      htmlRoutes: ['/contact/index.html']
+    })
  ]
 })