@into-mini/sfc-split-plugin 0.5.0 → 0.5.3

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import { fileURLToPath } from 'node:url';
 import { AddWxsPlugin } from "./plugin/add-wxs.mjs";
-import { ExposeEntryNamePlugin } from "./plugin/expose-entry.mjs";
-// import { EntryRenamePlugin } from './plugin/entry-rename.mjs';
-import { SfcSplitPluginBase } from "./plugin/sfc-split.mjs";
-import { MinaRuntimeWebpackPlugin } from "./plugin/mina-runtime.mjs";
+// import { ExposeEntryNamePlugin } from './plugin/expose-entry.mts';
+import { EntryRenamePlugin } from "./plugin/entry-rename.mjs";
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 export const COMPONENT_ROOT = 'as-components';
 function reach(path) {
     return fileURLToPath(import.meta.resolve(path));
 }
+const theLoader = reach('@into-mini/sfc-split-loader/src/index.mts');
 export class SfcSplitPlugin {
     options;
     constructor({ type = false, tagMatcher, preserveTap } = {}) {
@@ -18,41 +18,82 @@ export class SfcSplitPlugin {
         };
     }
     #applyLoader(compiler) {
-        compiler.options.module.rules.push({
+        compiler.options.module.rules.push(
+        // {
+        //   test: /\.vue$/,
+        //   use: [
+        //     {
+        //       loader: reach('./loader/fake-vue-loader.mts'),
+        //       options: {
+        //         componentRoot: COMPONENT_ROOT,
+        //       },
+        //     },
+        //   ],
+        // },
+        {
             test: /\.vue$/,
+            issuer: /\.vue$/,
+            resourceQuery: /type=script/,
+            type: 'javascript/esm',
+            loader: theLoader,
+        }, {
+            test: /\.vue$/,
+            issuer: /\.vue$/,
+            resourceQuery: /type=template/,
+            type: 'asset/resource',
+            generator: {
+                filename: '[path][name].[hash:8].wxml',
+            },
             use: [
                 {
-                    loader: reach('./loader/fake-vue-loader.mts'),
-                    options: {
-                        componentRoot: COMPONENT_ROOT,
-                    },
+                    loader: reach('@into-mini/wxml-loader'),
                 },
                 {
-                    loader: reach('@into-mini/sfc-split-loader/src/next.mts'),
-                    options: this.options,
+                    loader: theLoader,
                 },
             ],
         }, {
-            test: /\.wxml$/,
+            test: /\.vue$/,
+            issuer: /\.vue$/,
+            resourceQuery: /type=style/,
+            use: [
+                { loader: MiniCssExtractPlugin.loader },
+                { loader: 'css-loader' },
+                { loader: theLoader },
+            ],
+        }, {
+            test: /\.vue$/,
+            issuer: /\.vue$/,
+            resourceQuery: [/type=config&lang=json/],
             type: 'asset/resource',
-            loader: reach('@into-mini/wxml-loader'),
             generator: {
-                filename: '[entry][ext]',
-                // filename: '[contenthash:8][ext]',
+                filename: '[path][hash:8].json',
             },
+            loader: theLoader,
+        }, {
+            test: /\.vue$/,
+            resourceQuery: { not: /type=/ },
+            type: 'javascript/esm',
+            loader: theLoader,
+        }, {
+            test: /\.vue$/,
+            enforce: 'pre',
+            loader: reach('@into-mini/sfc-split-loader/src/next.mts'),
+            options: this.options,
         });
     }
     apply(compiler) {
         this.#applyLoader(compiler);
-        const { type, tagMatcher, preserveTap } = this.options;
+        const { type } = this.options;
         if (type) {
             new AddWxsPlugin().apply(compiler);
-            new MinaRuntimeWebpackPlugin().apply(compiler);
-            new SfcSplitPluginBase({ tagMatcher, preserveTap }).apply(compiler);
-            new ExposeEntryNamePlugin().apply(compiler);
-            // new EntryRenamePlugin({ issuer: /\.vue$/, test: /\.wxml/ }).apply(
-            //   compiler,
-            // );
+            // new MinaRuntimeWebpackPlugin().apply(compiler);
+            // new SfcSplitPluginBase({ tagMatcher, preserveTap }).apply(compiler);
+            // new ExposeEntryNamePlugin().apply(compiler);
+            new EntryRenamePlugin({
+                issuer: /\.vue$/,
+                test: /\.wxml|json/,
+            }).apply(compiler);
         }
     }
 }

package/dist/plugin/entry-rename.mjs

@@ -67,10 +67,9 @@ export class EntryRenamePlugin {
                     if (newName === filename) {
                         continue;
                     }
-                    if (compilation.getAsset(newName)) {
-                        continue;
+                    if (compilation.getAsset(filename)) {
+                        compilation.renameAsset(filename, newName);
                     }
-                    compilation.renameAsset(filename, newName);
                 }
             });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@into-mini/sfc-split-plugin",
-  "version": "0.5.0",
+  "version": "0.5.3",
   "license": "MIT",
   "keywords": [
     "loader",
@@ -28,16 +28,17 @@
   ],
   "type": "module",
   "dependencies": {
+    "mini-css-extract-plugin": "^2.9.4",
     "slash": "^5.1.0",
     "webpack-virtual-modules": "^0.6.2",
     "yaml": "^2.8.2",
     "@into-mini/clsx": "^0.1.0",
     "@into-mini/sfc-transformer": "^0.6.0",
-    "@into-mini/sfc-split-loader": "^0.2.0",
+    "@into-mini/sfc-split-loader": "^0.2.2",
     "@into-mini/wxml-loader": "^0.0.0"
   },
   "peerDependencies": {
-    "webpack": "^5.103.0"
+    "webpack": "^5.104.0"
   },
   "engines": {
     "node": ">=22.18.0"