标签: swc-compiler

我想modularizeImports在一个库上使用 Next.js 编译器的选项，该库的桶文件从库包内的多个目录导出。

我的意思是index.ts库的文件看起来像这样：

//index.ts
export {default as SomeComponent} from './components/SomeComponent';
export {default as someFun} from './utils/someFunction';
export {default as someHook} from './hooks/someHook';

理想情况下我想要这样的东西

//next.config.js
  modularizeImports: {
    '@some/library': {
      transform: '@some/library/dist/(components|hooks|utils)/{{member}}',
    },
  },

但

1. 我不确定这个功能是否可行
2. 如果是的话我不知道该怎么写。

我还尝试向它传递一个转换数组，但它只接受一个字符串。

在幕后，此选项是通过https://docs.rs/handlebars/latest/handlebars/afaik实现的

我不想在构建过程中包含 .babelrc，因为 SWC 作为 Babel 的替代品被禁用。我只需要 .babelrc 作为用于开发测试目的的插件，但 SWC 尚不支持。我被告知要检查有关忽略的编译器选项的文档，但页面已关闭，并且我无法从nextjs 文档中找到有关禁用 SWC及其反馈线程的解决方案。

我有一个 typescript 文件，它导入如下所示的 json 文件：

import DefaultMapping from "./default.json";

它在 js 文件中使用 SWC 进行编译：

var _defaultJson = require("./default.json");

但是，SWC 不会复制构建文件夹中的 JSON 文件。因此，当我运行js文件时出现错误：

Error: Cannot find module './default.json'

有人能帮助我吗？

编辑：我通过在 ts 文件中使用而不是使用requireswc选项来部分解决它。但是，如果有人有想法，我仍然不想使用并使用import--copy-filesrequireimport

我正在尝试为我的 React 项目实现一个小型上下文存储。我从以前的（工作）项目中复制了大部分代码并更改了变量名称 - 最大的区别是我更改为 Vite+SWC。

这是代码。

import { createContext, useState } from "react";\nimport { GameContextProviderProps } from "./PropTypes";\n\nexport interface IGameContext {\n  completedWinds: number;\n  setCompletedWinds: (newCompletedWinds: number) => void;\n};\n\nconst GameContext = createContext<IGameContext>({\n  completedWinds: 0,\n  setCompletedWinds: () => { }\n});\n\nconst GameContextProvider = ({ children }: GameContextProviderProps) => {\n  const [completedWinds, setCompletedWinds] = useState(0);\n\n  const initialContext: IGameContext = {\n    completedWinds,\n    setCompletedWinds,\n  };\n\n  return <GameContext.Provider value={ initialContext }> {children} < /GameContext.Provider>\n};\n\nexport default GameContextProvider;\n

这是我的 vite 配置

import { defineConfig …