Google chrome extension 包裹Google Chrome扩展的多个入口点

我正在创建一个新的Chrome扩展。我介绍了用于模块绑定和TypeScript支持的Parcel bundler

我要建造

/src
  /background-script
    index.ts
  /browser-action
    index.html
    index.ts
  /content-script
    index.ts

进入

/src/index.html

在同一目录中导入

index.ts

packetwatchsrc/background script/index.ts src/content script/index.ts src/browser action/index.html--no-hmr--out dir dist--public url。

这将产生以下输出：

/dist
  /background-script
    index.js
  /browser-action
    index.html
  /content-script
    index.js
  browser-action.***.js

---

尝试在package.json中使用类似以下内容：

"build": "parcel build ./src/**/main.js ./src/**/main.scss --out-dir build --no-content-hash --no-source-maps",

这将需要类似于：

/src
  /project1
    /components
      utils.js
      constants.js
    main.js

  /project2
    main.js

在projects1中，main.js导入utils.js和constants.js，并执行其他一些操作。然后运行build命令，它将缩小、polyfill并传输到/build文件夹中的main.js文件中

并将生成如下文件夹结构：

/build
  /project1
    main.js
  /project2
    main.js

好消息！地块2有：

.parcelrc

文件：

{
“扩展”：“@parcel/config webextension”
}

安装命令：

npm install parcel @parcel/config-webextension@next

生成命令：

parcel build manifest.json

✨ Built in 1.18s

---

它将拾取

manifest.json中提到的所有文件，以及一些其他文件，如
\u locales
谢谢，花了几个小时试图了解如何查看多个文件并将其输出到多个文件
parcel build manifest.json

✨ Built in 1.18s