文章/答案/技术大牛

发布

社区首页 >问答首页 >Google Chrome扩展的Parcel多个入口点

问Google Chrome扩展的Parcel多个入口点
EN

Stack Overflow用户

提问于 2019-06-28 09:38:08

回答 2查看 693关注 0票数 4

我正在创建一个新的Chrome扩展。我引入了Parcel bundler来实现模块捆绑和TypeScript支持。

我想要构建

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

转到

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

/src/index.html导入同一目录中的index.ts

parcel watch src/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

google-chrome-extension

parceljs

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-07-02 21:53:15

尝试在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文件夹中的main.js文件。

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

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

票数 1

Stack Overflow用户

发布于 2021-03-19 05:42:18

好消息！宗地2具有transformer for WebExtensions

.parcelrc文件：

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

安装命令：

npm install parcel @parcel/config-webextension@next

Build命令：

parcel build manifest.json

✨ Built in 1.18s

它将拾取manifest.json中提到的所有文件，以及其他一些文件，比如_locales下的文件

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56800021

复制

相似问题

问Google Chrome扩展的Parcel多个入口点
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Chrome扩展的Parcel多个入口点EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Chrome扩展的Parcel多个入口点
EN