小编M. *_*. M的帖子

由于Hooks的规则，不应有条件地调用 hooks。那么如何使用 有条件地获取数据useQuery呢？例如，假设我想在功能组件中获取数据，但前提是someState === someValue? 即我想避免useQuery()在任何条件之前调用，因为在这些时间获取数据没有意义。

目前，$ npm run build将文件编译为src/，/build一切正常。但是，有一些特定的 TypeScript 文件，src/integer.ts我想将其编译为其自己的 JavaScript 文件，build/integer.js并且所有其他文件都将“正常”编译。

这是项目结构：

/src
/build

这是package.json文件：

"dependencies": {
    "react-scripts": "3.4.1",
}
...
"scripts": {
     "build": "react-scripts build",
}

关于这一主题有很多问题和教程，但没有一个涵盖 chrome 扩展的所有用例，因为大多数问题和教程都假设只有一个入口点。

以下是必要条件：

多个“单页应用程序”：

1）popup.html对于扩展弹出页面

2)options.html选项页面

3）custom.html这是一个自定义.html文件，扩展可以“本地”引用

这些文件中的每一个都是 React 操作 DOM 的入口点，但它们的行为彼此独立。

非 React TypeScript 文件

它们不得与任何其他脚本捆绑在一起，并被编译为其自己的 JavaScript 文件，例如background.ts编译为的a background.js（在 参考资料中提到manifest.json）。

我认为这对于 TypeScript、React 和 Webpack 是可行的，但我不确定如何实现。