feat: 0.4.9

chenxch · Apr 10, 2023 · eb4c15f · eb4c15f
1 parent 128cc31
commit eb4c15f
Show file tree

Hide file tree

Showing 9 changed files with 86 additions and 158 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,15 @@
 ## Changelog
 
+### 0.4.9
+
+_2023-04-11_
+#### Fix
+
+- fix html template src parse ([#21](https://github.com/chenxch/vite-plugin-dynamic-base/issues/21))
+
 ### 0.4.8
 
-_2022-01-15_
+_2023-01-15_
 #### Fix
 
 - fix legacy assets path ([#19](https://github.com/chenxch/vite-plugin-dynamic-base/issues/19) by [@jgsrty](https://github.com/jgsrty))

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -1,8 +1,15 @@
 ## Changelog
 
+### 0.4.9
+
+_2023-04-11_
+#### Fix
+
+- 修复html模版src解析 ([#21](https://github.com/chenxch/vite-plugin-dynamic-base/issues/21))
+
 ### 0.4.8
 
-_2022-01-15_
+_2023-01-15_
 #### Fix
 
 - 修复 legacy 资源路径 ([#19](https://github.com/chenxch/vite-plugin-dynamic-base/issues/19) by [@jgsrty](https://github.com/jgsrty))

diff --git a/README.md b/README.md
@@ -34,12 +34,12 @@ npm i vite-plugin-dynamic-base -D
 
 ## Changelog
 
-### 0.4.8
+### 0.4.9
 
-_2022-01-15_
+_2023-04-11_
 #### Fix
 
-- fix legacy assets path ([#19](https://github.com/chenxch/vite-plugin-dynamic-base/issues/19) by [@jgsrty](https://github.com/jgsrty))
+- fix html template src parse ([#21](https://github.com/chenxch/vite-plugin-dynamic-base/issues/21))
 
 
 [Changelogs](./CHANGELOG.md)

diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -16,12 +16,12 @@ npm i vite-plugin-dynamic-base -D
 
 ## 变更日志
 
-### 0.4.8
+### 0.4.9
 
-_2022-01-15_
+_2023-04-11_
 #### Fix
 
-- 修复 legacy 资源路径 ([#19](https://github.com/chenxch/vite-plugin-dynamic-base/issues/19) by [@jgsrty](https://github.com/jgsrty))
+- 修复html模版src解析 ([#21](https://github.com/chenxch/vite-plugin-dynamic-base/issues/21))
 
 
 [变更日志](./CHANGELOG.zh-CN.md)

diff --git a/examples/index.html b/examples/index.html
@@ -7,7 +7,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite App</title>
  <script>
- window.__dynamic_base__ = 'http:https://localhost:8090'
+ window.__dynamic_base__ = 'http:https://localhost:4173'
  </script>
 </head>
 

diff --git a/examples/src/publicPath.ts b/examples/src/publicPath.ts
@@ -1 +1 @@
-window.__dynamic_base__ = 'http:https://localhost:8090'
+window.__dynamic_base__ = 'http:https://localhost:4173'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/core/utils.ts b/src/core/utils.ts
@@ -12,7 +12,9 @@ export function replaceQuotes(mark: string, placeholder: string, code: string) {
  const doublePlaceholder = `${placeholder}+"/`
  const templateMark = `\`${mark}`;
  const templatePlaceholder = `\`\$\{${placeholder}\}/`;
- return replace(doubleMark, doublePlaceholder, replace(singleMark, singlePlaceholder, replace(templateMark, templatePlaceholder, code)));
+ const srcMark = `src="${mark}`
+ const srcPlaceholder = `src="'+${placeholder}+'/`
+ return replace(doubleMark, doublePlaceholder, replace(srcMark, srcPlaceholder, replace(singleMark, singlePlaceholder, replace(templateMark, templatePlaceholder, code))));
 }
 
 // replace asset url

diff --git a/tests/transform.test.ts b/tests/transform.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, test } from 'vitest'
+import { transformChunk } from '../src/core/transform'
+
+describe('transform', () => {
+ const options = { publicPath: 'window.__dynamic_base__', assetsDir: 'assets', base: '/__dynamic_base__/', legacy: false, transformIndexHtml: false }
+
+ test('transformChunk-es', () => {
+ const code = `i = d('<div class="container-pc"><div class="bg"><img src="/__dynamic_base__/assets/asd.10e5228f.png" alt="" class="ignore-logo"><div class="ignore-title"></div><div class="ignore-sub-title"></div></div></div>;',1)`
+ const result = transformChunk('es', code, options)
+ expect(result).toEqual(`i = d('<div class="container-pc"><div class="bg"><img src="'+window.__dynamic_base__+'/assets/asd.10e5228f.png" alt="" class="ignore-logo"><div class="ignore-title"></div><div class="ignore-sub-title"></div></div></div>;',1)`)
+ })
+
+ test('transformChunk-es-doublequote', () => {
+ const code = `var ji=n("d", "/__dynamic_base__/assets/logo.03d6d6da.png"),`
+ const result = transformChunk('es', code, options)
+ expect(result).toEqual(`var ji=n("d", window.__dynamic_base__+"/assets/logo.03d6d6da.png"),`)
+ })
+
+
+ test('transformChunk-system', () => {
+ const code = `return c.innerHTML="a[data-v-b4cdb4a4]{color:#42b983}label[data-v-b4cdb4a4]{margin:0 .5em;font-weight:700}code[data-v-b4cdb4a4]{background-color:#eee;padding:2px 4px;border-radius:4px;color:#304455}.base{width:100px;height:100px;background-image:url(/__dynamic_base__/assets/logo.03d6d6da.png)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}\n",`
+ const result = transformChunk('system', code, options)
+ expect(result).toEqual(`return c.innerHTML="a[data-v-b4cdb4a4]{color:#42b983}label[data-v-b4cdb4a4]{margin:0 .5em;font-weight:700}code[data-v-b4cdb4a4]{background-color:#eee;padding:2px 4px;border-radius:4px;color:#304455}.base{width:100px;height:100px;background-image:url("+window.__dynamic_base__+"/assets/logo.03d6d6da.png)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}\n",`)
+ })
+})