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

Question

<分区>

Answer 1

根据您的具体情况，Next.js does provide a solve :

Including non-page files in the pages directory

To colocate test files, generated files, or other files used by components in the pages directory, you can prefix the extensions with something like page.

Open next.config.js and add the pageExtensions config:

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

Then rename your pages to have a file extension that includes .page (ex. rename MyPage.tsx to MyPage.page.tsx).

Note: Make sure you also rename _document.js, _app.js, _middleware.js, as well as files under pages/api/.

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