如何从preact-cli中添加react路由器到preact应用程序？

Question

我使用preact-cli创建了一个Preact应用程序，并且需要将react-router-dom添加到我的项目中以进行路由。为了安装路由器库，我如何在不弹出应用程序的情况下向项目添加react路由器？

我见过添加webpack的选项，但这需要退出这个应用程序。

我在项目中将"preact-compat": "^3.19.0",添加到package.json中，但不确定如何添加webpack或导入必要的react路由器导入：

import {BrowserRouter as Router, Route, Switch, NavLink} from 'react-router-dom';

Answer 1

能够通过导入import {BrowserRouter as Router, Route, Switch, NavLink} from 'react-router-dom';和yarn build，然后使用yarn-serve来实现这个功能。

Answer 2

，但这需要弹出应用程序

无法从preact-cli中“弹出”。这不是存在的功能，所以我有点困惑于你所指的是什么。

我们通过your preact.config.js向您提供整个配置。这样，您绝对可以配置Webpack配置的任何部分，并且只配置这些位。您不需要做任何类似CRA的弹出，在那里，您必须拥有整个配置自己。你可以编辑你想要的片段，把其他的东西都忘在网站上&不去想。

我见过添加webpack的选项

preact-cli使用Webpack进行捆绑，这是基本的基础工具。没有Webpack就没有办法使用它，所以这没有多大意义。

i添加了"preact-compat": "^3.19.0"

把这个拿掉。preact-cli已经添加compat，并从正确的源执行它。

如果你读了the docs for preact-compat，你会发现它只适用于Preact 8.x和以前，这在现在已经过时了几年。v10+的正确组合包是preact/compat。不过，我们已经在preact-cli中为您设置了这些，所以您无需自己动手。

​

为什么您认为只需要进行任何配置才能导入库？您是否遇到任何错误，或者可能是混淆/错误的文档？只需使用v6运行一个测试，在您将它替换为preact-router之后，应该可以开箱即用(假设您已经使用我们的一个模板建立了一个preact-cli项目)。