@callstack/repack-plugin-reanimated

用 Rspack 或 Webpack 构建您的 React 本地应用程序的工具包 .

@callstack/repack-plugin-reanimated 是用于 @callstack/repack 整合 react-native-reanimated 进入您的“反应原生”项目.

关于

此插件的存在是为了简化获取所需的设置 react-native-reanimated 与Re.Pack合作并尽量减少对建筑性能的影响。 它寻找相关的关键词 比如 worklet 在将文件转换为 babel。 。 。 .

安装

npm install -D @callstack/repack-plugin-reanimated

使用量

插件

要将插件添加到您的 Re.Pack 配置中,请更新您的 rspack.config.js 或者说 webpack.config.js 内容如下:

import { ReanimatedPlugin } from '@callstack/repack-plugin-reanimated';

export default (env) => {
  // ...
  return {
    // ...
    plugins: [
      // ...
      new ReanimatedPlugin(),
    ],
  };
};

装入器

插件也带有它自己的装填器, 你可以在它内部使用 rspack.config.js 或者说 webpack.config.js 像这样:

export default (env) => {
  // ...
  return {
    // ...
    module: {
      rules: [
        {
          test: /\.ts$/,
          use: {
            loader: '@callstack/repack-plugin-reanimated/loader',
            options: {
              babelPlugins: [
                [
                  '@babel/plugin-syntax-typescript',
                  { isTSX: false, allowNamespaces: true },
                ],
              ],
            },
          },
        },
      ],
    },
  };
};

看看我们的网站 https://re-pack.dev (英语) 需要更多信息和文档或我们的 GitHub: https://github.com/callstack/再包装。 。 。 .

由 Calltack 制作

@callstack/repack 是一个开源项目,将永远自由使用。 如果你觉得这很酷,请 显示它. 调用 一群反动和反动的本地怪人 联系我们 你好@ callstack.com 如果你需要帮忙的话 或者只是想打个招呼!

喜欢这个项目吗 加入队伍吧 谁为客户做惊人的事情 驱动 React Independent Open Source