javascript - 如何在整个源目录的 Chrome 扩展中设置包裹捆绑？

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

地 block 2 有第一方 WebExtensions transformer .它将获取 manifest.json 中提到的每个文件以及一些其他文件，例如 _locales 下的文件，它工作得相当好!

.parcelrc 文件:

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

安装命令:

npm install parcel @parcel/config-webextension

构建命令:

parcel build manifest.json

✨ Built in 1.18s