Merge pull request #1 from coderYarn/coderYarn/init

Init Unitify Project

Author: coderYarn

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.npmignore

@@ -0,0 +1,19 @@
+# 忽略目录
+.idea
+.vscode
+build/
+docs/
+examples/
+packages/
+public/
+node_modules/
+typings/
+
+# 忽略指定文件
+babel.config.js
+tsconfig.json
+tslint.json
+vue.config.js
+.gitignore
+.browserslistrc
+*.map

README.md

@@ -0,0 +1,72 @@
+import { resolve, dirname } from 'path'
+import fs from 'fs/promises'
+import { createFilter } from '@rollup/pluginutils'
+import { normalizePath } from 'vite'
+import { Project } from 'ts-morph'
+
+import type { Plugin } from 'vite'
+import type { SourceFile } from 'ts-morph'
+
+export default (): Plugin => {
+  const filter = createFilter(['**/*.vue', '**/*.ts'], 'node_modules/**')
+  const sourceFiles: SourceFile[] = []
+  
+  const project = new Project({
+    compilerOptions: {
+      declaration: true,
+      emitDeclarationOnly: true,
+      noEmitOnError: true,
+      allowJs: true, // 如果想兼容 js 语法需要加上
+      outDir: 'dist' // 可以设置自定义的打包文件夹，如 'types'
+    },
+    tsConfigFilePath: resolve(__dirname, '../tsconfig.json'),
+    skipAddingFilesFromTsConfig: true
+  })
+
+  let root: string
+  
+  return {
+    name: 'gen-dts',
+    apply: 'build',
+    enforce: 'pre', // 需要在 pre 才能正确拿到 ts 的 script 部分
+    configResolved(config) {
+      root = config.root
+    },
+    transform(code, id) {
+      if (!code || !filter(id)) return null
+
+      // 拆分后的文件 id 具有一些特征，可以用正则的方式来捕获
+      if (/\.vue(\?.*type=script.*)$/.test(id)) {
+        const filePath = resolve(root, normalizePath(id.split('?')[0]))
+
+        sourceFiles.push(
+          project.createSourceFile(filePath + (/lang.ts/.test(id) ? '.ts' : '.js'), code)
+        )
+      } else if (/\.ts$/.test(id)) {
+        const filePath = resolve(root, normalizePath(id))
+
+        sourceFiles.push(project.addSourceFileAtPath(filePath))
+      }
+    },
+    async generateBundle() {
+      const diagnostics = project.getPreEmitDiagnostics()
+
+
+      project.emitToMemory()
+
+      // 随后将解析完的文件写道打包路径
+      for (const sourceFile of sourceFiles) {
+        const emitOutput = sourceFile.getEmitOutput()
+
+        for (const outputFile of emitOutput.getOutputFiles()) {
+          const filePath = outputFile.getFilePath()
+
+          await fs.mkdir(dirname(filePath), { recursive: true })
+          await fs.writeFile(filePath, outputFile.getText(), 'utf8')
+        }
+      }
+    }
+  }
+}
+
+

build/dts.ts

@@ -0,0 +1,24 @@
+import fs from "fs";
+import { resolve } from "path";
+
+export default function framework(config) {
+  const { targetPath, fileName, originPath } = config;
+
+  return {
+    closeBundle() {
+      fs.readFile(originPath, "utf-8", (err, data) => {
+        if (err) {
+          console.log(originPath, "读取失败");
+          return;
+        }
+        fs.writeFile(resolve(targetPath, fileName), data, (err) => {
+          if (!err) {
+            console.log(resolve(targetPath, fileName), "写入完成");
+          } else {
+            console.log(resolve(targetPath, fileName), "写入失败");
+          }
+        });
+      });
+    },
+  };
+}

build/vite-plugin-Insert.js

@@ -0,0 +1,47 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import jsx from "@vitejs/plugin-vue-jsx";
+import InsertAfter from "./vite-plugin-Insert";
+import dts from "./dts";
+import { resolve } from "path";
+
+export default defineConfig({
+  mode:"production",
+  
+  plugins: [
+    vue(),
+    jsx(),
+    dts(),
+    InsertAfter({
+      targetPath: resolve(__dirname, "../lib"),
+      fileName: "package.json",
+      originPath: resolve(__dirname, "../packages/core/package.json"),
+    }),
+  ],
+  resolve: {
+    alias:{
+      '/@': resolve('../node_modules/vue'),
+      '@': '/src'
+    },
+    preserveSymlinks: false
+  },
+  build: {
+    minify: "terser",
+    outDir: resolve(__dirname, "../lib"),
+    lib: {
+      entry: "./packages/core/index.ts",
+      name: "unitify2",
+      fileName: (format) =>`unitfiy.${format}.js`
+    },
+
+    rollupOptions: {
+      external: ["vue"],
+      output:{
+        globals: {
+          vue: "Vue",
+        },
+      }
+      
+    },
+  },
+});

build/vite.config.build.js

@@ -0,0 +1,34 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+import { resolve } from "path";
+
+export default defineConfig({
+  mode: "development",
+  plugins: [vue()],
+  resolve: {
+		alias: {
+			'@': '/src'
+		}
+	},
+  css:{
+		preprocessorOptions: {
+			scss: {
+				additionalData: '@import "../globalVariable.scss";'
+			}
+		}
+  },
+  build: {
+    minify: "terser",
+    outDir: resolve(__dirname, "../dist"),
+
+    rollupOptions: {
+      external: ["vue"],
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+  },
+});

build/vite.config.serve.js

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/examples/main.ts"></script>
+  </body>
+</html>