test: test full dynamic import

Author: yyx990803

packages/playground/dynamic-import/__tests__/dynamic-import.spec.ts

@@ -11,3 +11,8 @@ test('should load literal dynamic import', async () => {
   await page.click('.baz')
   await untilUpdated(() => page.textContent('.view'), 'Baz view')
 })
+
+test('should load full dynamic import from public', async () => {
+  await page.click('.qux')
+  await untilUpdated(() => page.textContent('.view'), 'Qux view')
+})

packages/playground/dynamic-import/index.html

@@ -1,6 +1,7 @@
 <button class="foo">Foo</button>
 <button class="bar">Bar</button>
 <button class="baz">Baz</button>
+<button class="qux">Qux</button>
 
 <div class="view"></div>
 

packages/playground/dynamic-import/nested/index.js

@@ -7,12 +7,20 @@ async function setView(view) {
   document.querySelector(`.${id}`).addEventListener('click', () => setView(id))
 })
 
+// literal dynamic
 document.querySelector('.baz').addEventListener('click', async () => {
-  // literal dynamic
   const { msg } = await import('../views/baz.js')
   text('.view', msg)
 })
 
+// full dynamic
+const arr = ['qux.js']
+const view = `/${arr[0]}`
+document.querySelector('.qux').addEventListener('click', async () => {
+  const { msg } = await import(/*@vite-ignore*/ view)
+  text('.view', msg)
+})
+
 function text(el, text) {
   document.querySelector(el).textContent = text
 }

packages/playground/dynamic-import/qux.js

@@ -0,0 +1 @@
+export const msg = 'Qux view'

packages/playground/dynamic-import/vite.config.js

@@ -0,0 +1,16 @@
+const fs = require('fs')
+const path = require('path')
+
+module.exports = {
+  plugins: [
+    {
+      name: 'copy',
+      writeBundle() {
+        fs.copyFileSync(
+          path.resolve(__dirname, 'qux.js'),
+          path.resolve(__dirname, 'dist/qux.js')
+        )
+      }
+    }
+  ]
+}