google-chrome-extension - 是否可以在 chrome 扩展中需要 npm 模块？

Question

我尝试过，但出现“要求未定义”错误。我找不到相关信息，有人可以启发我的菜鸟吗？

Answer 1

有可能，但你必须小心。尝试 require() 一个包意味着节点将尝试在您的文件系统中查找其文件。 Chrome 扩展程序只能访问您在 list 中声明的​​文件，而不能访问您的文件系统。

要解决这个问题，请使用像 Webpack 这样的模块 bundler ，它将生成一个 javascript 文件，其中包含通过 require() 包含的所有包的所有代码。您必须为 chrome 扩展的每个组件生成一个单独的模块(例如，一个用于后台页面，一个用于内容脚本，一个用于弹出窗口)，并在 list 中声明每个生成的模块。

为了避免尝试设置构建系统来使 require() 成为可能，我建议从 a boilerplate project 开始。您可以查看my extension看看我是如何做到的。