From 3c56584cbec3f1078c9ae57ef509fba6a046503a Mon Sep 17 00:00:00 2001
From: sanyuan0704 <494130947@qq.com>
Date: Fri, 19 Nov 2021 13:26:26 +0800
Subject: [PATCH 1/2] fix: css code split inline problem

---
 packages/vite/src/node/plugins/css.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vite/src/node/plugins/css.ts b/packages/vite/src/node/plugins/css.ts
index a7cd3fd6cc11fa..f17da0c760ab82 100644
--- a/packages/vite/src/node/plugins/css.ts
+++ b/packages/vite/src/node/plugins/css.ts
@@ -319,7 +319,7 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
       return {
         code:
           modulesCode ||
-          (usedRE.test(id)
+          (usedRE.test(id) || inlined
             ? `export default ${JSON.stringify(
                 inlined ? await minifyCSS(css, config) : css
               )}`

From 3a95982944a05e2735c44f8861fc9774812f161e Mon Sep 17 00:00:00 2001
From: sanyuan0704 <494130947@qq.com>
Date: Fri, 19 Nov 2021 13:31:21 +0800
Subject: [PATCH 2/2] feat: add css codesplit inline test

---
 .../css-codesplit/__tests__/css-codesplit.spec.ts         | 1 +
 packages/playground/css-codesplit/async.css               | 3 +++
 packages/playground/css-codesplit/main.js                 | 8 +++++++-
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 packages/playground/css-codesplit/async.css

diff --git a/packages/playground/css-codesplit/__tests__/css-codesplit.spec.ts b/packages/playground/css-codesplit/__tests__/css-codesplit.spec.ts
index 95fe97a1b953ba..4effcd6476bb51 100644
--- a/packages/playground/css-codesplit/__tests__/css-codesplit.spec.ts
+++ b/packages/playground/css-codesplit/__tests__/css-codesplit.spec.ts
@@ -3,6 +3,7 @@ import { findAssetFile, getColor, isBuild, readManifest } from '../../testUtils'
 test('should load both stylesheets', async () => {
   expect(await getColor('h1')).toBe('red')
   expect(await getColor('h2')).toBe('blue')
+  expect(await getColor('h3')).toBe('yellow')
 })
 
 if (isBuild) {
diff --git a/packages/playground/css-codesplit/async.css b/packages/playground/css-codesplit/async.css
new file mode 100644
index 00000000000000..01e9deef3a50c5
--- /dev/null
+++ b/packages/playground/css-codesplit/async.css
@@ -0,0 +1,3 @@
+h3 {
+  color: yellow;
+}
diff --git a/packages/playground/css-codesplit/main.js b/packages/playground/css-codesplit/main.js
index 8c80df2c181511..d374d3aa953cf2 100644
--- a/packages/playground/css-codesplit/main.js
+++ b/packages/playground/css-codesplit/main.js
@@ -1,6 +1,12 @@
 import './style.css'
 import './main.css'
+import('./async.css?inline').then((css) => {
+  const style = document.createElement('style')
+  style.dataset.import = true
+  style.textContent = css.default
+  document.head.appendChild(style)
+})
 
 document.getElementById(
   'app'
-).innerHTML = `<h1>This should be red</h1><h2>This should be blue</h2>`
+).innerHTML = `<h1>This should be red</h1><h2>This should be blue</h2><h3>This should be yellow</h3>`