diff --git a/src/main.css b/src/main.css
new file mode 100644
index 0000000..6568578
--- /dev/null
+++ b/src/main.css
@@ -0,0 +1,7 @@
+body {
+ margin: 0;
+ padding: 0;
+ /* 去除边距影响 */
+ display: flex;
+ flex-direction: column;
+}
diff --git a/src/utils/component.ts b/src/utils/component.ts
index 490c0fc..bc7d537 100644
--- a/src/utils/component.ts
+++ b/src/utils/component.ts
@@ -2,8 +2,7 @@ import React from 'react'
import { renderToString } from 'react-dom/server'
import { mkdirSync, writeFileSync } from 'fs'
import { join } from 'path'
-import { createRequire } from './module.js'
-const require = createRequire(import.meta.url)
+import { getLink } from './link.tsx'
/**
*
*/
@@ -37,6 +36,7 @@ export type ComponentCreateOpsionType = {
* **********
*/
export class Component {
+ #Link = getLink()
#dir = ''
/**
*
@@ -47,6 +47,7 @@ export class Component {
recursive: true
})
}
+
/**
* 渲染字符串
* @param element
@@ -58,10 +59,8 @@ export class Component {
const dir = join(this.#dir, options?.join_dir ?? '')
mkdirSync(dir, { recursive: true })
const address = join(dir, options?.html_name ?? 'hello.html')
- const href = require('../../public/output.css')
const DOCTYPE = ''
- const Link = ``
- const head = `${Link}${options?.html_head ?? ''}`
+ const head = `${this.#Link}${options?.html_head ?? ''}`
const body = `${str}${options?.html_body ?? ''}`
const html = `${DOCTYPE}${head}${body}`
if (
diff --git a/src/utils/link.tsx b/src/utils/link.tsx
new file mode 100644
index 0000000..ba0c03b
--- /dev/null
+++ b/src/utils/link.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { renderToString } from 'react-dom/server'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const output = require('../../public/output.css')
+const main = require('../main.css')
+export const getLink = () => {
+ return renderToString(
+ <>
+
+
+
+ )
+}