我正在使用react starter工具包进行客户端编程.它使用react和webpack.没有索引.html或任何要编辑的html,所有js文件.我的问题是,如果我想从云端加载供应商js库,我该怎么做?

在html文件中很容易做到这一点.<script src="https://forio.com/tools/js-libs/1.5.0/epicenter.min.js"></script>

然而,在js文件中,它只使用npm安装的软件包.如何在没有html文件的情况下导入上述库?我try 导入并要求,它们只适用于本地文件.

2015年10月21日更新

  1. @minheq是的,有一个类似于react start kit的html文件.它是html.js位于src/components/Html下.我可以把云库及其所有依赖项放在那里,如下所示:
        <div id="app" dangerouslySetInnerHTML={{__html: this.props.body}} />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="https://forio.com/tools/js-libs/1.5.0/epicenter.min.js"></script>
        <script src="/app.js"></script>
        <script dangerouslySetInnerHTML={this.trackingCode()} />
    </body>

好消息是它可以工作,我不需要在js文件中做任何其他事情,不需要导入或要求.然而,现在我有两个以不同方式加载的jquery库.一个在这里,另一个通过npm和webpack.我不知道这以后会给我带来麻烦.如果我在浏览器窗口中键入非主路径,则我使用的react路由会给我"undefined variable"(未定义变量)错误,我猜这是由于服务器端加载造成的.所以这个解决方案不是很好.

  1. 使用网页外部功能.记录为:link."当您想将现有API导入Bundle 包时,也可以对应用程序使用externals选项.也就是说,您想从CDN(单独的标记)使用jquery,但仍然想在Bundle 包中要求("jquery").只需将其指定为外部:{externals:{jquery:{jquery:}."

推荐答案

有一个html文件肯定是用来为附加了js包的用户服务的.也许你可以把脚本标签附加到那个html文件中

Reactjs相关问答推荐

useReducer和带有回调的useState之间是否有实际区别?

如何使用json将购物车数组传递到后台API

CreateBrowserRouter将props 传递给父组件以验证权限

折叠并重新打开react 手风琴将重置内部状态

useEffect不重新渲染

我在Route组件上使用元素属性,这样就不需要ID了吗?

为什么我的react 简单计时器项目不起作用?

React-router-dom的链接不改变路由(ReactRouter6)

在MongoDB中,如何获取最后N条记录中字段不为空或不为空字符串的数据

如何在next.js 13中仅在主页导航栏上隐藏组件?

将外部 JavaScript 导入 React(通过文件)

React - 添加了输入数据但不显示

虽然通过了身份认证,但并没有导航到请求的页面

Cypress 组件测试不渲染react 组件(但它的内容)

Material UI v5.11 - Prop sx 在响应式中写了两次

如何避免在 react useEffect 上滚动时出现小的延迟?

如何从 graphql/apollo 中的缓存中清除多个查询

如何禁用来自 React Native API 的某些特定项目的可touch 不透明度

如何使用 useEffect 和 if 语句 React

网格项不缩小以适应包含的可滚动列表