For AI agents: the complete documentation index is available at /zh/llms.txt, the full documentation bundle is available at /zh/llms-full.txt, and this page is available as Markdown at /zh/api/react-webpack-plugin.reactwebpackplugin.loaders.md.
这是开发预览网站。请访问正式文档 lynx-stack.dev
  • 简体中文

      • Home > @lynx-js/react-webpack-plugin > ReactWebpackPlugin > loaders

      ReactWebpackPlugin.loaders property

      The loaders for ReactLynx.

      Signature:

      static loaders: Record<keyof typeof LAYERS | 'TESTING', string>;

      Remarks

      Note that this loader transforms JSX/TSX to valid JavaScript. For .ts and .tsx files, the TypeScript types are stripped as well.

      Example

      // webpack.config.js
import { ReactWebpackPlugin, LAYERS } from '@lynx-js/react-webpack-plugin'
export default {
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        layer: LAYERS.MAIN_THREAD,
        use: ['swc-loader', ReactWebpackPlugin.loaders.MAIN_THREAD]
      },
      {
        test: /\.tsx?$/,
        layer: LAYERS.BACKGROUND,
        use: ['swc-loader', ReactWebpackPlugin.loaders.BACKGROUND]
      },
    ],
  },
  plugins: [new ReactWebpackPlugin()],
}