如何在 Chrome 扩展程序中设置 Parcel 打包工具，以打包整个源代码目录？

Question

我正在尝试创建一个Chrome扩展程序。

但是，一旦我试图将Parcel集成进来，就有点棘手了。我想使用Parcel来兼容旧版Chrome，并将我的代码拆分到多个文件中。

我的文件夹结构：

当我尝试运行以下命令时：

//package.json
"scripts": {
    "build": "parcel build src/js/script.js", }

我最终只得到了 '/dist' 文件夹里的 'script.js'，但我想要创建一个可以打包和发布的 dist 文件夹。基本上，我想把所有的 html、css、js（等等）放在一个 dist 文件夹中。这可行吗？

如果要添加整个框架，比如 Vue 或 React，以便制作弹出窗口或选项页面，你会怎么做？

- koral

---

你尝试过访问这些相关的线程吗：支持WebExtensions manifest.json，WebExtension支持。 - Jacque

我尝试了其中提到的parcel-plugin-web-extension。它还没有准备好用于生产。 - koral

Answer 1

第二个包含一个官方的WebExtensions转换器。它会捡起manifest.json中提到的每个文件以及像_locales下的其他一些文件，并且它运行良好！

.parcelrc文件：

{
  "extends": "@parcel/config-webextension"
}

安装命令：

npm install parcel @parcel/config-webextension

构建命令：

parcel build manifest.json

✨ Built in 1.18s

- fregante