vite-plugin-uni-inject 0.1.0

package/README.md

@@ -0,0 +1,38 @@
+# vite-plugin-uni-inject
+
+利用 Vite 插件机制，实现 uniapp 项目中无法使用公共组件的问题。
+
+## 功能特点
+
+- 干净的注入任何代码，没有多余的结构。
+- 支持注入 `<page-meta/>` 这种只能放在页面第一个位置的标签节点。
+- 自动识别所有 `page.json` 中的 vue 文件并注入，无需维护注入页面表。
+
+## 如何使用
+
+原理就是通过 vite 插件机制，在构建过程中自动注入 inject.vue 中的代码。
+
+### 安装依赖
+
+```bash
+pnpm i -D vite-plugin-uni-inject
+```
+
+### vite.config.ts
+
+```ts
+import { defineConfig } from "vite";
+import uni from "@dcloudio/vite-plugin-uni";
+import uniInject from "vite-plugin-uni-inject";
+
+// 如果有重写 page.json 文件的插件，请确保写在 uniInject 之前
+export default defineConfig(() => {
+  return {
+    plugins: [uniInject(), uni()],
+  };
+});
+```
+
+## 报告错误
+
+欢迎提交 issue 与我们讨论。

package/dist/index.cjs

@@ -0,0 +1,6 @@
+"use strict";var U=Object.create;var u=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var O=(t,e)=>{for(var s in e)u(t,s,{get:e[s],enumerable:!0})},h=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of x(e))!C.call(t,o)&&o!==s&&u(t,o,{get:()=>e[o],enumerable:!(a=k(e,o))||a.enumerable});return t};var v=(t,e,s)=>(s=t!=null?U(z(t)):{},h(e||!t||!t.__esModule?u(s,"default",{value:t,enumerable:!0}):s,t)),b=t=>h(u({},"__esModule",{value:!0}),t);var E={};O(E,{default:()=>w});module.exports=b(E);var P=require("@vue/compiler-sfc"),l=v(require("fs"),1),c=v(require("path"),1);function w(t){let{injectPath:e="App.inject.vue"}=t||{},s=new Set,a="",o="";return{name:"vite-plugin-uni-inject",enforce:"pre",configResolved(f){let p=c.default.resolve(f.root,"src"),g=c.default.join(p,e);if(!l.default.existsSync(g))return;let i=l.default.readFileSync(g,"utf-8"),{descriptor:n}=(0,P.parse)(i);n.template&&(a=n.template.content.trim()),n.scriptSetup&&(o=n.scriptSetup.content.trim());let r=c.default.join(p,"pages.json");if(!l.default.existsSync(r))return;let d=l.default.readFileSync(r,"utf-8"),S=JSON.parse(d),j=(m,y="")=>{m.forEach(J=>{let $=c.default.join(p,y,`${J.path}.vue`);s.add(c.default.normalize($))})};j(S.pages),(S.subPackages??[]).forEach(m=>{j(m.pages,m.root)})},transform(f,p){if(!p.endsWith(".vue"))return;let g=c.default.normalize(p);if(!s.has(g))return;let{descriptor:i}=(0,P.parse)(f),n=f;if(a&&i.template){let r=i.template.content.trim(),d=`${a}
+${r}`.trim();n=n.slice(0,i.template.loc.start.offset)+`
+${d}
+`+n.slice(i.template.loc.end.offset)}if(o&&i.scriptSetup){let r=i.scriptSetup.loc.start.offset;n=n.slice(0,r)+`
+${o}
+`+n.slice(r)}return{code:n,map:null}}}}

package/dist/index.d.cts

@@ -0,0 +1,19 @@
+/** 插件配置 */
+interface PluginOptions {
+    /** 要注入的文件路径 - 基于项目 src 目录 */
+    injectPath?: string;
+}
+
+declare function export_default(opts?: PluginOptions): {
+    name: string;
+    enforce: "pre";
+    configResolved(config: {
+        root: string;
+    }): void;
+    transform(code: string, id: string): {
+        code: string;
+        map: null;
+    } | undefined;
+};
+
+export { export_default as default };

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+/** 插件配置 */
+interface PluginOptions {
+    /** 要注入的文件路径 - 基于项目 src 目录 */
+    injectPath?: string;
+}
+
+declare function export_default(opts?: PluginOptions): {
+    name: string;
+    enforce: "pre";
+    configResolved(config: {
+        root: string;
+    }): void;
+    transform(code: string, id: string): {
+        code: string;
+        map: null;
+    } | undefined;
+};
+
+export { export_default as default };

package/dist/index.js

@@ -0,0 +1,6 @@
+import{parse as d}from"@vue/compiler-sfc";import a from"fs";import o from"path";function k(P){let{injectPath:S="App.inject.vue"}=P||{},g=new Set,p="",l="";return{name:"vite-plugin-uni-inject",enforce:"pre",configResolved(i){let s=o.resolve(i.root,"src"),r=o.join(s,S);if(!a.existsSync(r))return;let e=a.readFileSync(r,"utf-8"),{descriptor:t}=d(e);t.template&&(p=t.template.content.trim()),t.scriptSetup&&(l=t.scriptSetup.content.trim());let n=o.join(s,"pages.json");if(!a.existsSync(n))return;let f=a.readFileSync(n,"utf-8"),m=JSON.parse(f),u=(c,j="")=>{c.forEach(h=>{let v=o.join(s,j,`${h.path}.vue`);g.add(o.normalize(v))})};u(m.pages),(m.subPackages??[]).forEach(c=>{u(c.pages,c.root)})},transform(i,s){if(!s.endsWith(".vue"))return;let r=o.normalize(s);if(!g.has(r))return;let{descriptor:e}=d(i),t=i;if(p&&e.template){let n=e.template.content.trim(),f=`${p}
+${n}`.trim();t=t.slice(0,e.template.loc.start.offset)+`
+${f}
+`+t.slice(e.template.loc.end.offset)}if(l&&e.scriptSetup){let n=e.scriptSetup.loc.start.offset;t=t.slice(0,n)+`
+${l}
+`+t.slice(n)}return{code:t,map:null}}}}export{k as default};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "vite-plugin-uni-inject",
+  "type": "module",
+  "version": "0.1.0",
+  "description": "vite-plugin-uni-inject",
+  "author": "Kriac",
+  "homepage": "https://github.com/Kriac/vite-plugin-uni-inject",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kriac/vite-plugin-uni-inject.git"
+  },
+  "keywords": [
+    "vite-plugin",
+    "uni-inject"
+  ],
+  "scripts": {
+    "lint": "vue-tsc -b --noEmit",
+    "build": "tsup",
+    "release": "npm publish --access public"
+  },
+  "dependencies": {
+    "@vue/compiler-sfc": "3.5.27"
+  },
+  "devDependencies": {
+    "@types/node": "25.0.10",
+    "tsup": "8.5.1",
+    "vue-tsc": "3.2.1"
+  },
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  }
+}