使用 src 目录存放源代码
与其将源代码放在根目录，您可以将它们放在子目录 src 中。
--with-src
创建一个带有 src 目录设置的 Plasmo 项目非常简单：
pnpm create plasmo --with-src上述命令利用了 Plasmo 的 示例模板功能。
💡
请确保 assets 目录位于 project 目录中，而不是 src 目录中。
请确保 所有源文件 包括 Plasmo 的入口文件如 popup.tsx、options.tsx、background.ts、contents/* 等都在 src 目录中。否则，Plasmo 将无法 找到入口文件，从而导致生成一个空扩展！
此自定义仅将 ~ 解析为 /src 用于源代码模块。有关更多详细信息，请参阅关于 波浪号导入解析 的说明。
手动设置
首先，将所有源代码文件复制到 src 目录中。然后，为了使 TypeScript 正常工作，您需要在 tsconfig.json 文件中将 ~* 前缀的解析路径指向 "./src/*"。
新的配置如下所示：
{
"extends": "plasmo/templates/tsconfig.base",
"exclude": ["node_modules"],
"include": [".plasmo/index.d.ts", "./**/*.ts", "./**/*.tsx"],
"compilerOptions": {
"paths": {
"~*": ["./src/*"]
},
"baseUrl": "."
}
}查看 with-src (opens in a new tab) 获取完整示例。