put global css at the end

NervJS · Jan 27, 2023 · c0fa25e · c0fa25e
1 parent 8045367
commit c0fa25e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/nextjs/babel/next-app-plugin.js b/packages/nextjs/babel/next-app-plugin.js
@@ -66,7 +66,8 @@ module.exports = function (babel, options, dirname) {
                 },
                 exit(path) {
                     if (globalCss.length) {
-                        path.unshiftContainer(
+                        // 将 global css 置于内部组件样式之后，以便内部组件样式可以覆盖全局样式
+                        path.pushContainer(
                             'body',
                             globalCss
                         )

diff --git a/tests/babel/next-app-plugin/__fixtures__/basic/output.js b/tests/babel/next-app-plugin/__fixtures__/basic/output.js
@@ -1,5 +1,3 @@
-import "../../app.scss";
-import "../../app.less";
 import Head from "next/head";
 import TaroApp from "./app";
 
@@ -18,3 +16,5 @@ const MyApp = ({ Component, pageProps }) => (
 );
 
 export default MyApp;
+import "../../app.scss";
+import "../../app.less";