javascript - 如何在 Chrome 扩展中为整个源目录设置 Parcel 捆绑？

Question

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

但是，一旦我尝试集成 Parcel，我就有点不知所措了。我想使用 Parcel 与旧版 Chrome 兼容 + 将我的代码拆分为多个文件。

我的文件夹结构：

当我尝试使此命令起作用时：

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

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

您将如何添加一个完整的框架，例如 Vue 或 React，例如制作弹出或选项页面？

Answer 1

Parcel 2 有一个第一方WebExtensions 转换器。它将拾取中提到的每个文件manifest.json以及其他一些文件，例如下面的文件，_locales并且效果很好！

.parcelrc文件：

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

安装命令：

npm install parcel @parcel/config-webextension

构建命令：

parcel build manifest.json

✨ Built in 1.18s