Method apply

packages/webpack-plugin/src/plugin.ts:55–111

(compiler: Compiler)

  }

  apply(compiler: Compiler) {
    const { config } = this;

    compiler.options.plugins.push(
      new compiler.webpack.DefinePlugin({
        ...(config
          ? {
              "globalThis.__KUMA_USER_THEME__":
                compiler.webpack.DefinePlugin.runtimeValue(
                  () => {
                    const userTheme = getUserTheme(config);
                    if (userTheme) {
                      theme.setUserTheme(userTheme);
                    }
                    return JSON.stringify(userTheme);
                  },
                  {
                    // enable automatic rebuild for dynamic theme props
                    // <Box color={(() => "colors.red.100"))()} />
                    fileDependencies: [config],
                  },
                ),
            }
          : undefined),
      }),
    );

    compiler.hooks.watchRun.tap("@kuma-ui/webpack-plugin:watchRun", () => {
      this.watchMode = true;
    });

    compiler.options.module?.rules?.push(
      {
        test: /\.(tsx|ts|js|mjs|jsx)$/,
        exclude: /node_modules/,
        use: [
          {
            loader: _require.resolve("./loader.js"),
            options: {
              plugin: this,
              outputDir: this.outputDir,
              wasm: this.wasm,
            },
          },
        ],
      },
      {
        test: CSS_PATH,
        use: [
          {
            loader: _require.resolve("./cssLoader.js"),
            options: { plugin: this },
          },
        ],
      },
    );
  }
}