快速入门: Next.js

快速上手 Next.js

Plasmo 与 Next.js (opens in a new tab) 无缝集成。核心思想是 Plasmo 是您扩展程序的入口点,而 Next.js 是您 Web 应用程序的入口点,这使得您可以在代码库中通过少量调整重用组件。

兼容性列表:

  • Plasmo 暴露的 TypeScript 配置与 Next.js 兼容,包括使用 src 目录的能力。
  • .env 文件 是相同的,但使用了不同的命名空间(PLASMO_PUBLIC 对应 NEXT_PUBLIC)。
  • Plasmo 使用 Parcel 2 (opens in a new tab),其底层使用 swc (opens in a new tab) —— 这与 Next.js 使用的打包工具相同。因此,您可以共享 postcss 和 tailwindcss 等插件配置,而无需修改。

参见 with-nextjs (opens in a new tab) 示例!