fix: include dynamic css (revert #19) (#21)

Author: antfu

src/renderer.ts

@@ -272,14 +272,8 @@ export function getAllDependencies (ids: Set<Identifier>, rendererContext: Rende
 
   for (const id of ids) {
     const deps = getModuleDependencies(id, rendererContext)
-    const isDynamic = rendererContext.clientManifest[id]?.isDynamicEntry
-    if (isDynamic) {
-      Object.assign(allDeps.prefetch, deps.styles)
-      Object.assign(allDeps.prefetch, deps.scripts)
-    } else {
-      Object.assign(allDeps.styles, deps.styles)
-      Object.assign(allDeps.scripts, deps.scripts)
-    }
+    Object.assign(allDeps.scripts, deps.scripts)
+    Object.assign(allDeps.styles, deps.styles)
     Object.assign(allDeps.preload, deps.preload)
     Object.assign(allDeps.prefetch, deps.prefetch)
 

test/fixtures/manifest.json

@@ -8,9 +8,6 @@
     ],
     "dynamicImports": [
       "pages/index.vue"
-    ],
-    "css": [
-      "app.css"
     ]
   },
   "_vendor.mjs": {

test/renderer.test.ts

@@ -21,13 +21,14 @@ describe('renderer', () => {
     const { renderScripts } = await getRenderer()
     const result = renderScripts().split('</script>').slice(0, -1).map(s => `${s}</script>`).sort()
     expect(result).to.deep.equal([
-      '<script type="module" src="/entry.mjs" defer></script>'
+      '<script type="module" src="/entry.mjs" defer></script>',
+      '<script type="module" src="/index.mjs" defer></script>'
     ])
   })
   it('renders styles correctly', async () => {
     const { renderStyles } = await getRenderer()
     expect(renderStyles()).to.equal(
-      '<link rel="stylesheet" href="/app.css">'
+      '<link rel="stylesheet" href="/index.css">'
     )
   })
   it('renders resource hints correctly', async () => {
@@ -38,7 +39,6 @@ describe('renderer', () => {
         '<link rel="modulepreload" href="/entry.mjs" as="script">',
         '<link rel="modulepreload" href="/index.mjs" as="script">',
         '<link rel="modulepreload" href="/vendor.mjs" as="script">',
-        '<link rel="preload" href="/app.css" as="style">',
         '<link rel="preload" href="/index.css" as="style">'
       ]
     )