fix(mp): 去除 mini-css-extract-plugin 的 css runtime

fix dcloudio#5333
jackiotyu · Mar 8, 2025 · eed83a9 · eed83a9
1 parent 52ec3a7
commit eed83a9
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/packages/vue-cli-plugin-uni/lib/mp/index.js b/packages/vue-cli-plugin-uni/lib/mp/index.js
@@ -314,8 +314,29 @@ ${globalEnv}.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;`
 
     webpackConfig.plugin('extract-css')
       .init((Plugin, args) => new Plugin({
-        filename: '[name]' + styleExt
+        filename: '[name]' + styleExt,
+        // mini-css-extract-plugin 2.3.0 版本以上可用
+        // https://github.com/webpack-contrib/mini-css-extract-plugin/releases/tag/v2.3.0
+        runtime: false,
       }))
+    // 去除 mini-css-extract-plugin 2.3.0 以下版本的 css runtime
+    // https://github.com/webpack-contrib/mini-css-extract-plugin/blob/e200b083e5a437026d6021262d4ac56088b39e65/src/index.js#L273
+    if(require('semver').lt(require('mini-css-extract-plugin/package.json').version, '2.3.0')) {
+      const pluginName = 'skip-mini-css-extract-runtime'
+      webpackConfig.plugin(pluginName).use(
+        class SkipMiniCssExtractRuntimePlugin {
+          apply(compiler) {
+            compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+              const { mainTemplate } = compilation
+              const reg = /\/\/ mini-css-extract-plugin CSS loading[\s\S]*installedCssChunks\[chunkId\] = 0;\s*\}\)\);\s*\}/
+              mainTemplate.hooks.requireEnsure.tap(pluginName, (source, chunk) => {
+                return reg.test(source) ? source.replace(reg, ''): source
+              });
+            });
+          }
+        }
+      )
+    }
 
     if (
       process.env.NODE_ENV === 'production' &&