@into-mini/sfc-split-plugin 0.1.2 → 0.4.0

package/plugin/expose-entry.mjs

@@ -1,86 +0,0 @@
-import slash from 'slash';
-const PLUGIN_NAME = 'ExposeEntryNamePlugin';
-export class ExposeEntryNamePlugin {
-  getEntryNameFromChunk(chunk) {
-    if (!chunk?.groupsIterable) {
-      return '';
-    }
-    for (const group of chunk.groupsIterable) {
-      if (group.isInitial()) {
-        return group.name;
-      }
-    }
-    return '';
-  }
-  getEntryNameFromEntries(compilation, module) {
-    const { moduleGraph, entries } = compilation;
-    for (const [name, io] of entries) {
-      for (const dep of io.dependencies) {
-        const entryModule = moduleGraph.getModule(dep);
-        if (entryModule) {
-          if (
-            // @ts-expect-error ------------
-            entryModule.request && // @ts-expect-error ------------
-            slash(entryModule.request) === slash(module.request)
-          ) {
-            return name;
-          }
-          if (
-            // @ts-expect-error ------------
-            entryModule?.resource && // @ts-expect-error ------------
-            slash(entryModule?.resource) === slash(module.resource)
-          ) {
-            return name;
-          }
-        }
-      }
-    }
-    return '';
-  }
-  getEntryNameFromPathData(pathData) {
-    if (pathData?.chunk) {
-      const entryName = this.getEntryNameFromChunk(pathData.chunk);
-      if (entryName) {
-        return entryName;
-      }
-    }
-    if (pathData?.module && pathData?.chunkGraph) {
-      const chunks = pathData.chunkGraph.getModuleChunks(pathData.module);
-      for (const chunk of chunks) {
-        const entryName = this.getEntryNameFromChunk(chunk);
-        if (entryName) {
-          return entryName;
-        }
-      }
-    }
-    return '';
-  }
-  apply(compiler) {
-    const {
-      NormalModule: { getCompilationHooks },
-    } = compiler.webpack;
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-      compilation.hooks.assetPath.tap(PLUGIN_NAME, (path, pathData) => {
-        if (path.includes('[entry]')) {
-          const entryName = this.getEntryNameFromPathData(pathData);
-          return entryName
-            ? path.replaceAll('[entry]', entryName)
-            : path.replaceAll('[entry]', '[hash:8]');
-        }
-        return path;
-      });
-      getCompilationHooks(compilation).loader.tap(
-        PLUGIN_NAME,
-        (loaderContext, module) => {
-          Object.defineProperty(loaderContext, 'entryName', {
-            enumerable: true,
-            configurable: false,
-            get: () => {
-              return this.getEntryNameFromEntries(compilation, module);
-            },
-          });
-        },
-      );
-    });
-  }
-}

package/plugin/find-entry.mjs

@@ -1,111 +0,0 @@
-import { extname } from 'node:path';
-
-import {
-  createAddEntry,
-  createEmitFile,
-  readAndTrack,
-} from '../helper/hooks.mjs';
-import { getAllPages } from '../helper/index.mjs';
-
-/**
- * Webpack插件，用于处理小程序和插件的入口文件
- */
-export class FindEntryPlugin {
-  PLUGIN_NAME = 'FindEntryPlugin';
-
-  /**
-   * @param {Object} options - 插件配置选项
-   * @param {string} [options.type=false] - 项目类型，可选值：'miniprogram'或'plugin'
-   */
-  constructor({ type = false } = {}) {
-    this.type = type;
-  }
-
-  /**
-   * 处理Vue页面入口
-   * @private
-   */
-  #handleVuePages(params, pages, basePath = '.') {
-    const { addEntry, compilation } = params;
-
-    for (const page of pages) {
-      const source = `${basePath}/${page}.vue`;
-      addEntry(page, source);
-      compilation.fileDependencies.add(source);
-    }
-  }
-
-  /**
-   * 处理插件页面和组件
-   * @private
-   */
-  #handlePluginSection(params, config, section) {
-    const entries = config[section];
-
-    if (!entries) {
-      return;
-    }
-
-    Object.entries(entries).forEach(([key, path]) => {
-      if (typeof path === 'string' && extname(path) === '.vue') {
-        const source = `${section}/${key}/index`;
-        params.addEntry(source, path);
-        params.compilation.fileDependencies.add(path);
-
-        if (section === 'pages') {
-          config.pages = config.pages || {};
-          config.pages[key] = source;
-        }
-      }
-    });
-  }
-
-  /**
-   * 处理配置和入口
-   * @private
-   */
-  #processConfig(params, configType) {
-    const { readFrom, emitFile, addEntry, compilation } = params;
-    const { content: config, name } = readFrom(
-      configType === 'miniprogram' ? 'app' : configType,
-    );
-
-    if (configType === 'miniprogram') {
-      this.#handleVuePages(params, getAllPages(config));
-    } else if (configType === 'plugin') {
-      if (config.main) {
-        addEntry('main', config.main);
-        compilation.fileDependencies.add(config.main);
-        config.main = 'main.js';
-      }
-
-      this.#handlePluginSection(params, config, 'pages');
-      this.#handlePluginSection(params, config, 'publicComponents');
-      emitFile(name, config);
-    }
-  }
-
-  apply(compiler) {
-    const {
-      sources: { RawSource },
-    } = compiler.webpack;
-
-    const addEntry = createAddEntry(compiler);
-
-    // 处理入口文件和配置
-    compiler.hooks.compilation.tap(this.PLUGIN_NAME, (compilation) => {
-      const params = {
-        compilation,
-        addEntry,
-        emitFile: createEmitFile({
-          PLUGIN_NAME: this.PLUGIN_NAME,
-          compilation,
-          RawSource,
-        }),
-        readFrom: readAndTrack(compiler, compilation),
-      };
-
-      this.#processConfig(params, this.type);
-    });
-  }
-}

package/plugin/mina-runtime.mjs

@@ -1,58 +0,0 @@
-import { dirname, relative, sep } from 'node:path';
-
-const PLUGIN_NAME = 'MinaRuntimeWebpackPlugin';
-
-export class MinaRuntimeWebpackPlugin {
-  // 格式化依赖路径为require语句
-  #formatRequire = (from, to) =>
-    `require('./${relative(dirname(from), to).split(sep).join('/')}');\n`;
-
-  // 收集并生成所有依赖的require语句
-  #generateDependencies = (chunk) => {
-    if (!chunk?.name) {
-      return '';
-    }
-
-    let result = '';
-
-    for (const { chunks } of chunk.groupsIterable) {
-      for (const depChunk of chunks) {
-        if (depChunk !== chunk && depChunk.name) {
-          result += this.#formatRequire(chunk.name, depChunk.name);
-        }
-      }
-    }
-
-    return result;
-  };
-
-  apply(compiler) {
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-      const {
-        javascript: { JavascriptModulesPlugin },
-        sources: { ConcatSource },
-      } = compiler.webpack;
-
-      JavascriptModulesPlugin.getCompilationHooks(compilation).renderChunk.tap(
-        PLUGIN_NAME,
-        (source, { chunk }) => {
-          if (
-            !chunk ||
-            !compilation.chunkGraph.getNumberOfEntryModules(chunk)
-          ) {
-            // 跳过非入口模块
-            return source;
-          }
-
-          const deps = this.#generateDependencies(chunk);
-
-          if (!deps) {
-            return source;
-          }
-
-          return new ConcatSource(deps, source);
-        },
-      );
-    });
-  }
-}

package/plugin/sfc-split.mjs

@@ -1,102 +0,0 @@
-import path from 'node:path';
-
-import { parse } from '@into-mini/sfc-transformer';
-import slash from 'slash';
-import VirtualModulesPlugin from 'webpack-virtual-modules';
-
-export class SfcSplitPlugin extends VirtualModulesPlugin {
-  PLUGIN_NAME = 'SfcSplitPlugin';
-
-  constructor({ tagMatcher, preserveTap }) {
-    super();
-    this.tagMatcher = tagMatcher;
-    this.preserveTap = preserveTap;
-  }
-
-  apply(compiler) {
-    this.#expose(compiler);
-
-    super.apply(compiler);
-  }
-
-  #expose(compiler) {
-    const { PLUGIN_NAME } = this;
-
-    const {
-      NormalModule: { getCompilationHooks },
-    } = compiler.webpack;
-
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-      getCompilationHooks(compilation).loader.tap(
-        PLUGIN_NAME,
-        (loaderContext) => {
-          Object.defineProperty(loaderContext, 'processSfcFile', {
-            enumerable: true,
-            configurable: false,
-            value: (options) => {
-              return this.#processSfcFile(options);
-            },
-          });
-        },
-      );
-    });
-  }
-
-  #inject(resourcePath, ext, content) {
-    const src = path.resolve(resourcePath.replace(/\.vue$/, ext));
-
-    super.writeModule(src, content);
-
-    return src;
-  }
-
-  #injectStyle(resourcePath, id, style) {
-    return this.#inject(
-      resourcePath,
-      `-${id}.${style.lang ?? 'css'}`,
-      style.content,
-    );
-  }
-
-  #injectStyles(resourcePath, styles) {
-    const io = [];
-
-    const css = styles?.length > 0 ? styles : [];
-
-    css.forEach((style, idx) => {
-      if (style?.content) {
-        const src = this.#injectStyle(resourcePath, idx, style);
-        io.push(src);
-      }
-    });
-
-    return io;
-  }
-
-  #injectTemplate(resourcePath, tpl) {
-    return this.#inject(resourcePath, '.wxml', tpl);
-  }
-
-  #processSfcFile({ source, resourcePath }) {
-    const { tagMatcher, preserveTap } = this;
-
-    const { tpl, styles, code, config } = parse(source, {
-      tagMatcher,
-      preserveTap,
-    });
-
-    const paths = [];
-
-    const wxml = this.#injectTemplate(resourcePath, tpl);
-    paths.push(wxml);
-
-    const css = this.#injectStyles(resourcePath, styles);
-    paths.push(...css);
-
-    return {
-      config,
-      paths: paths.map((src) => slash(src)),
-      script: code,
-    };
-  }
-}

package/plugin.mjs

@@ -1,101 +0,0 @@
-/* eslint-disable no-param-reassign */
-import { fileURLToPath } from 'node:url';
-
-import { COMPONENT_ROOT } from './helper/index.mjs';
-import { configKeys } from './helper/utils.mjs';
-import { AddEntryPlugin } from './plugin/add-entry.mjs';
-import { AddWxsPlugin } from './plugin/add-wxs.mjs';
-import { CopyConfigPlugin } from './plugin/copy-config.mjs';
-import { EmitFakePlugin } from './plugin/emit-fake.mjs';
-import { ExposeEntryNamePlugin } from './plugin/expose-entry.mjs';
-// import { EntryRenamePlugin } from './plugin/entry-rename.mjs';
-import { FindEntryPlugin } from './plugin/find-entry.mjs';
-import { SfcSplitPlugin } from './plugin/sfc-split.mjs';
-import { MinaRuntimeWebpackPlugin } from './plugin/mina-runtime.mjs';
-
-function reach(path) {
-  return fileURLToPath(import.meta.resolve(path));
-}
-
-export class AllInOnePlugin {
-  constructor({ type = false, tagMatcher, preserveTap } = {}) {
-    this.type = type;
-    this.tagMatcher = tagMatcher;
-    this.preserveTap = preserveTap;
-  }
-
-  #applyLoader(compiler) {
-    compiler.options.module.rules.push(
-      // {
-      //   exclude: /\.(vue|wxml)$/,
-      //   layer: 'other',
-      // },
-      {
-        test: /\.vue$/,
-        loader: reach('./loader/fake-vue-loader.mjs'),
-        options: {
-          componentRoot: COMPONENT_ROOT,
-        },
-      },
-      {
-        test: /\.wxml$/,
-        type: 'asset/resource',
-        loader: reach('@into-mini/wxml-loader'),
-        generator: {
-          filename: '[entry][ext]',
-          // filename: '[contenthash:8][ext]',
-        },
-      },
-      {
-        test: /\.hack$/,
-        type: 'javascript/esm',
-        layer: configKeys.hack,
-        loader: reach('./loader/hack-entry-loader.mjs'),
-      },
-    );
-  }
-
-  #prepare(compiler) {
-    compiler.options.resolve.extensionAlias ??= {};
-
-    compiler.options.resolve.extensionAlias['.yaml'] = [
-      '.yaml',
-      '.yml',
-      '.json',
-    ];
-
-    compiler.options.resolve.fallback ??= {};
-
-    if (compiler.options.entry?.main) {
-      delete compiler.options.entry.main;
-    }
-
-    Object.assign(compiler, {
-      __entries__: new Map(),
-    });
-  }
-
-  apply(compiler) {
-    this.#prepare(compiler);
-    this.#applyLoader(compiler);
-
-    const { type, tagMatcher, preserveTap } = this;
-
-    if (type) {
-      new MinaRuntimeWebpackPlugin().apply(compiler);
-      new AddEntryPlugin().apply(compiler);
-      new AddWxsPlugin().apply(compiler);
-      new SfcSplitPlugin({ tagMatcher, preserveTap }).apply(compiler);
-      new ExposeEntryNamePlugin().apply(compiler);
-      // new EntryRenamePlugin({ issuer: /\.vue$/, test: /\.wxml/ }).apply(
-      //   compiler,
-      // );
-      new FindEntryPlugin({ type }).apply(compiler);
-      new CopyConfigPlugin({ type }).apply(compiler);
-    }
-
-    if (type === 'miniprogram') {
-      new EmitFakePlugin().apply(compiler);
-    }
-  }
-}