@cnguu/vite-plugin-uni-cdn 1.0.0 → 1.0.1

package/dist/README.md

@@ -0,0 +1,65 @@
+# vite-plugin-uni-cdn
+
+Vite 插件，在 UniApp 中替换静态资源链接为 CDN 链接
+
+[![release](https://badgen.net/github/release/cnguu/vite-plugin-uni-cdn)](https://github.com/cnguu/vite-plugin-uni-cdn/releases)
+[![license](https://badgen.net/github/license/cnguu/vite-plugin-uni-cdn)](https://github.com/cnguu/vite-plugin-uni-cdn/blob/main/LICENSE)
+
+## 安装
+
+```shell
+pnpm i -D @cnguu/vite-plugin-uni-cdn
+```
+
+## 使用
+
+```typescript
+// vite.config.ts
+import UniCdn from '@cnguu/vite-plugin-uni-cdn'
+import Uni from '@dcloudio/vite-plugin-uni'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    UniCdn({
+      cdn: 'https://cdn.jsdelivr.net/gh/cnguu/vite-plugin-uni-cdn@main/packages/playground/src/static/cdn',
+      sourceDir: 'src/static/cdn',
+    }),
+    Uni(),
+  ],
+})
+```
+
+> 目前只支持绝对路径，如 `/static/xxx/xxx.png`
+
+## 参数
+
+### `cdn`
+
+- cdn 地址
+- 默认 `''`
+
+### `sourceDir`
+
+- 替换资源目录，不在该目录下的资源不会被替换
+- 默认 `'static/cdn'`
+
+### `include`
+
+- 扫描白名单 GLOB 格式
+- 默认 `['**/*.{vue,css,scss,sass,less,styl}']`
+
+### `exclude`
+
+- 扫描黑名单 GLOB 格式
+- 默认 `['**/node_modules/**', '**/uni_modules/**', '**/dist/**', '**/unpackage/**']`
+
+### `deleteOutputFiles`
+
+- 是否删除替换资源目录对应的输出目录
+- 默认 `true`
+
+### `verbose`
+
+- 是否输出命令行信息
+- 默认 `true`

package/dist/index.cjs

@@ -1060,7 +1060,8 @@ function createConsola(options = {}) {
 }
 const consola = createConsola();
 
-function createLogger(PLUGIN_NAME, verbose) {
+const PLUGIN_NAME = "vite-plugin-uni-cdn";
+function createLogger(verbose) {
   const prefix = chalk.blue.bold(`
 [${PLUGIN_NAME}]`);
   return {
@@ -1087,37 +1088,43 @@ function createLogger(PLUGIN_NAME, verbose) {
 function escapeRegExp(str) {
   return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
+function isInvalidOriginalPath(originalPath) {
+  return originalPath.startsWith("http") || originalPath.startsWith("data:");
+}
+function codeReplaceMatch(assetDir, cdnBasePath, logger, match, quote, originalPath, css = false) {
+  if (isInvalidOriginalPath(originalPath)) {
+    return match;
+  }
+  let relativePath = originalPath.startsWith(assetDir) ? originalPath.slice(assetDir.length) : originalPath;
+  if (!relativePath.startsWith("/")) {
+    relativePath = `/${relativePath}`;
+  }
+  const outputFileName = `${cdnBasePath}${relativePath}`;
+  logger.pathReplace(originalPath, outputFileName);
+  if (css) {
+    return `url(${quote || ""}${outputFileName}${quote || ""})`;
+  }
+  return `${quote}${outputFileName}${quote}`;
+}
 function replaceStaticToCdn(code, assetDir, cdnBasePath, logger) {
   const escapedStaticPrefix = escapeRegExp(assetDir);
-  const cssUrlRE = new RegExp(
+  let transformed = code.replace(new RegExp(
     `url\\(\\s*(['"]?)(${escapedStaticPrefix}[^'")\\s]+)\\1\\s*\\)`,
     "g"
-  );
-  let transformed = code.replace(cssUrlRE, (match, quote, originalPath) => {
+  ), (match, quote, originalPath) => {
     try {
-      if (originalPath.startsWith("http") || originalPath.startsWith("data:")) {
-        return match;
-      }
-      const outputFileName = `${cdnBasePath}${originalPath}`;
-      logger.pathReplace(originalPath, outputFileName);
-      return `url(${quote || ""}${outputFileName}${quote || ""})`;
+      return codeReplaceMatch(assetDir, cdnBasePath, logger, match, quote, originalPath, true);
     } catch (error) {
       logger.error(`\u5904\u7406 CSS \u5931\u8D25`, error);
       return match;
     }
   });
-  const stringRE = new RegExp(
+  transformed = transformed.replace(new RegExp(
     `(['"])(${escapedStaticPrefix}[^'"]*)\\1`,
     "g"
-  );
-  transformed = transformed.replace(stringRE, (match, quote, originalPath) => {
+  ), (match, quote, originalPath) => {
     try {
-      if (originalPath.startsWith("http") || originalPath.startsWith("data:")) {
-        return match;
-      }
-      const outputFileName = `${cdnBasePath}${originalPath}`;
-      logger.pathReplace(originalPath, outputFileName);
-      return `${quote}${outputFileName}${quote}`;
+      return codeReplaceMatch(assetDir, cdnBasePath, logger, match, quote, originalPath);
     } catch (error) {
       logger.error(`\u5904\u7406\u5B57\u7B26\u4E32\u5931\u8D25`, error);
       return match;
@@ -1125,8 +1132,8 @@ function replaceStaticToCdn(code, assetDir, cdnBasePath, logger) {
   });
   return transformed;
 }
+
 function UniCdn(opt) {
-  const PLUGIN_NAME = "vite-plugin-uni-cdn";
   const defaultOption = {
     cdn: "",
     sourceDir: "static/cdn",
@@ -1140,7 +1147,7 @@ function UniCdn(opt) {
   if (!cdnBasePath || !options.sourceDir) {
     return { name: PLUGIN_NAME };
   }
-  const logger = createLogger(PLUGIN_NAME, options.verbose ?? true);
+  const logger = createLogger(options.verbose ?? true);
   const filter = vite.createFilter(options.include, options.exclude);
   let isSrc = false;
   let projectRoot = "";

package/dist/index.d.cts

@@ -6,7 +6,7 @@ interface VitePluginUniCdnOption {
      */
     cdn?: string;
     /**
-     * 替换资源目录，不在该目录下的资源不会替换 cdn
+     * 替换资源目录，不在该目录下的资源不会被替换
      */
     sourceDir?: string;
     /**
@@ -26,7 +26,7 @@ interface VitePluginUniCdnOption {
      */
     verbose?: boolean;
 }
+
 declare function UniCdn(opt: VitePluginUniCdnOption): Plugin;
 
 export = UniCdn;
-export type { VitePluginUniCdnOption };

package/dist/index.d.mts

@@ -6,7 +6,7 @@ interface VitePluginUniCdnOption {
      */
     cdn?: string;
     /**
-     * 替换资源目录，不在该目录下的资源不会替换 cdn
+     * 替换资源目录，不在该目录下的资源不会被替换
      */
     sourceDir?: string;
     /**
@@ -26,7 +26,7 @@ interface VitePluginUniCdnOption {
      */
     verbose?: boolean;
 }
+
 declare function UniCdn(opt: VitePluginUniCdnOption): Plugin;
 
 export { UniCdn as default };
-export type { VitePluginUniCdnOption };

package/dist/index.d.ts

@@ -6,7 +6,7 @@ interface VitePluginUniCdnOption {
      */
     cdn?: string;
     /**
-     * 替换资源目录，不在该目录下的资源不会替换 cdn
+     * 替换资源目录，不在该目录下的资源不会被替换
      */
     sourceDir?: string;
     /**
@@ -26,7 +26,7 @@ interface VitePluginUniCdnOption {
      */
     verbose?: boolean;
 }
+
 declare function UniCdn(opt: VitePluginUniCdnOption): Plugin;
 
 export = UniCdn;
-export type { VitePluginUniCdnOption };

package/dist/index.mjs

@@ -1053,7 +1053,8 @@ function createConsola(options = {}) {
 }
 const consola = createConsola();
 
-function createLogger(PLUGIN_NAME, verbose) {
+const PLUGIN_NAME = "vite-plugin-uni-cdn";
+function createLogger(verbose) {
   const prefix = chalk.blue.bold(`
 [${PLUGIN_NAME}]`);
   return {
@@ -1080,37 +1081,43 @@ function createLogger(PLUGIN_NAME, verbose) {
 function escapeRegExp(str) {
   return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
+function isInvalidOriginalPath(originalPath) {
+  return originalPath.startsWith("http") || originalPath.startsWith("data:");
+}
+function codeReplaceMatch(assetDir, cdnBasePath, logger, match, quote, originalPath, css = false) {
+  if (isInvalidOriginalPath(originalPath)) {
+    return match;
+  }
+  let relativePath = originalPath.startsWith(assetDir) ? originalPath.slice(assetDir.length) : originalPath;
+  if (!relativePath.startsWith("/")) {
+    relativePath = `/${relativePath}`;
+  }
+  const outputFileName = `${cdnBasePath}${relativePath}`;
+  logger.pathReplace(originalPath, outputFileName);
+  if (css) {
+    return `url(${quote || ""}${outputFileName}${quote || ""})`;
+  }
+  return `${quote}${outputFileName}${quote}`;
+}
 function replaceStaticToCdn(code, assetDir, cdnBasePath, logger) {
   const escapedStaticPrefix = escapeRegExp(assetDir);
-  const cssUrlRE = new RegExp(
+  let transformed = code.replace(new RegExp(
     `url\\(\\s*(['"]?)(${escapedStaticPrefix}[^'")\\s]+)\\1\\s*\\)`,
     "g"
-  );
-  let transformed = code.replace(cssUrlRE, (match, quote, originalPath) => {
+  ), (match, quote, originalPath) => {
     try {
-      if (originalPath.startsWith("http") || originalPath.startsWith("data:")) {
-        return match;
-      }
-      const outputFileName = `${cdnBasePath}${originalPath}`;
-      logger.pathReplace(originalPath, outputFileName);
-      return `url(${quote || ""}${outputFileName}${quote || ""})`;
+      return codeReplaceMatch(assetDir, cdnBasePath, logger, match, quote, originalPath, true);
     } catch (error) {
       logger.error(`\u5904\u7406 CSS \u5931\u8D25`, error);
       return match;
     }
   });
-  const stringRE = new RegExp(
+  transformed = transformed.replace(new RegExp(
     `(['"])(${escapedStaticPrefix}[^'"]*)\\1`,
     "g"
-  );
-  transformed = transformed.replace(stringRE, (match, quote, originalPath) => {
+  ), (match, quote, originalPath) => {
     try {
-      if (originalPath.startsWith("http") || originalPath.startsWith("data:")) {
-        return match;
-      }
-      const outputFileName = `${cdnBasePath}${originalPath}`;
-      logger.pathReplace(originalPath, outputFileName);
-      return `${quote}${outputFileName}${quote}`;
+      return codeReplaceMatch(assetDir, cdnBasePath, logger, match, quote, originalPath);
     } catch (error) {
       logger.error(`\u5904\u7406\u5B57\u7B26\u4E32\u5931\u8D25`, error);
       return match;
@@ -1118,8 +1125,8 @@ function replaceStaticToCdn(code, assetDir, cdnBasePath, logger) {
   });
   return transformed;
 }
+
 function UniCdn(opt) {
-  const PLUGIN_NAME = "vite-plugin-uni-cdn";
   const defaultOption = {
     cdn: "",
     sourceDir: "static/cdn",
@@ -1133,7 +1140,7 @@ function UniCdn(opt) {
   if (!cdnBasePath || !options.sourceDir) {
     return { name: PLUGIN_NAME };
   }
-  const logger = createLogger(PLUGIN_NAME, options.verbose ?? true);
+  const logger = createLogger(options.verbose ?? true);
   const filter = createFilter(options.include, options.exclude);
   let isSrc = false;
   let projectRoot = "";

package/dist/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@cnguu/vite-plugin-uni-cdn",
+  "type": "module",
+  "version": "1.0.1",
+  "description": "Vite 插件，在 UniApp 中替换资源链接为 CDN 链接",
+  "license": "MIT",
+  "homepage": "https://github.com/cnguu/vite-plugin-uni-cdn",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cnguu/vite-plugin-uni-cdn.git"
+  },
+  "bugs": "https://github.com/cnguu/vite-plugin-uni-cdn/issues",
+  "keywords": [
+    "vite",
+    "plugin",
+    "uni",
+    "uniapp",
+    "cdn"
+  ],
+  "maintainers": [
+    {
+      "name": "cnguu",
+      "email": "gu642779596@gmail.com",
+      "url": "https://github.com/cnguu"
+    }
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./index.d.ts",
+  "files": [
+    "dist",
+    "index.d.ts"
+  ],
+  "scripts": {
+    "build": "unbuild",
+    "debug": "cross-env NODE_ENV=development unbuild --sourcemap",
+    "stub": "unbuild --stub"
+  },
+  "peerDependencies": {
+    "vite": "^5.0.0"
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cnguu/vite-plugin-uni-cdn",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Vite 插件，在 UniApp 中替换资源链接为 CDN 链接",
   "license": "MIT",
   "homepage": "https://github.com/cnguu/vite-plugin-uni-cdn",