下一个构建命令不会忽略 *.stories.tsx 文件

Question

我正在尝试构建 nextjs 项目，该项目具有与组件本身并排的 [componentName].stories.tsx 。由于这些故事中的打字稿错误，运行 next build 失败。接下来我想忽略 storybook 文件。是否可能，如果可以，我该怎么做？

Answer 1

根据您的具体情况，Next.js 确实提供了解决方案：

在页面目录中包含非页面文件

要在页面目录中并置测试文件、生成的文件或组件使用的其他文件，您可以在扩展名前添加类似 page 的前缀。

打开 next.config.js 并添加 pageExtensions 配置：

 module.exports = {
       pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js'],
   }

然后重命名您的页面，使其文件扩展名包含 .page（例如，将 MyPage.tsx 重命名为 MyPage.page.tsx）。

<块引用>

注意：请确保您还重命名了 _document.js、_app.js、_middleware.js 以及pages/api/ 下的文件。

我们遇到了与您类似的问题，但这只是页面文件夹中的故事的问题。该解决方案适用于我们的项目。

Answer 2

请将故事添加到 lint 文件中的忽略模式数组中，以下是一个示例：

{
    "ignorePatterns": ["temp.js", "**/vendor/*.js"],
    "rules": {
        //...
    }
}