文章/答案/技术大牛

发布

社区首页 >问答首页 >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

回答已采纳

发布于 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提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56800021

复制

相似问题

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