Next.js（AppRouter+SRC目录）项目中CKEditor5自定义构建存放位置

完全可行 #

当然可以把CKEditor5的自定义构建目录移到src文件夹里，Next.js的模块解析机制完全支持这种结构，只要同步调整导入路径和相关配置就行。

比如你可以把根目录下的/ckeditor5直接挪到src/ckeditor5，之后在组件里导入编辑器时，改成相对路径（比如../ckeditor5/build/ckeditor）；如果你的tsconfig.json配置了baseUrl指向src，也可以用别名路径@/ckeditor5/build/ckeditor。

关于最佳实践 #

官方文档推荐放根目录，主要是因为CKEditor5的自定义构建工具默认适配根目录结构，移到src后可能需要手动调整构建脚本的输出路径，但这并不代表放在src里就不符合最佳实践：

• 如果你的项目本身就把所有源码相关内容集中在src目录下，把CKEditor5构建移进去反而能保持项目结构的一致性，这属于团队约定的最佳实践范畴。
• 只要配置到位，Next.js对src目录下的构建产物处理不会有问题，需要注意两点：
  • 调整ckeditor5目录下的构建配置（比如webpack.config.js），确保输出文件生成到src/ckeditor5/build路径。
  • 检查tsconfig.json的include数组，确保src/ckeditor5被包含在内，避免类型检测报错。

调整后的目录结构参考 #

/src
  /ckeditor5
    /build
      - ckeditor.ts
    - package.json
    - webpack.config.js（若有）
  /app
    - layout.tsx
    - page.tsx
  /components
    /editor
      - Editor.tsx
  /firebase
/public
  /images

内容的提问来源于stack exchange，提问作者Sheran Buckman