ReactJS链接到本地HTML文件从不同的文件夹/项目



我正在使用ReactJS构建一个站点,并且我想创建一个链接(一个href="relativepath")到本地HTML文件,以便当用户单击该链接时,它将打开HTML页面。本地文件是在项目之外的不同文件夹X,我不想把它上传到我的src文件夹,因为html文件依赖于很多其他文件在X有一个好方法这样做吗?

我也想上传一个不同的本地HTML文件,已经在我的React应用程序的src文件夹内。我目前有这样的东西:import htmlFile from "../links/htmlFile.html"; export default function Something(props) { return (<a href={htmlFile}></a>)}在我的终端上显示

您可能需要一个适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。看到https://webpack.js.org/concepts加载器> <html>| | <head>祝辞

我已经尝试添加在webpack +一个htmlLoader,但我认为我遵循的步骤不正确,因为我无法让它工作。我卸载了那些软件包,所以我现在又回到了起点。非常感谢!

仅仅链接或从其他位置的本地文件导入将无法工作,除非这些本地文件也部署到相对于应用程序的相同位置的服务器上(并且web服务器可以访问该位置)。

所以你需要把这个文件和它链接的依赖项复制到一个文件夹中,这个文件夹将和你的react构建一起部署,但不是把它作为react代码库的一部分,所以webpack会尝试编译它(所以也不是在src中)。

如果您使用create-react-app来设置您的应用程序,例如,这将是public文件夹;其他webpack设置可能使用不同的名称,但一般概念是相同的。

相关内容

  • 没有找到相关文章

最新更新