如何在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。制作弹出页面或选项页面？

Answer 1

包裹 2 具有第一方 WebExtensions transformer。它将选取 manifest.json 中提到的每个文件以及其他一些文件，例如 _locales 下的文件，并且运行良好！

.parcelrc 文件：

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

安装命令：

npm install parcel @parcel/config-webextension@nightly

构建命令：

parcel build manifest.json

✨ Built in 1.18s