小编jay*_*y.m的帖子

如何使用webpack在js文件中加载CDN或外部供应商javascript lib,而不是在html文件中

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

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

但是,在js文件中,它只使用npm安装的包.如何在没有html文件的情况下导入上面的lib?我尝试导入和require,它们只适用于本地文件.

更新10/21/15到目前为止,我尝试了两个方向,既不理想.

  1. @minheq是的,有一个html文件类型的反应启动工具包.它是src/components/Html下的html.js.我可以将cloud lib及其所有依赖项放在那里:
        <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>
Run Code Online (Sandbox Code Playgroud)

好消息是它有效,我不需要在js文件中做任何其他事情,没有导入或要求.但是,现在我有两个以不同方式加载的jquery库.一个在这里,另一个通过npm和webpack.我想知道以后会给我带来麻烦.如果我在浏览器窗口中键入无主路径,由于服务器端加载,我使用的react-routing给出了'未定义变量'错误.所以这个解决方案不是很好.

  1. 使用webpack externals功能.这记录为:link."当你想将现有的API导入到包中时,你也可以使用外部选项.你想在CDN中使用jquery(单独的标签),但仍然想在你的包中要求("jquery").将其指定为external:{externals:{jquery:"jQuery"}}." 但是,我发现一些地方的文档都非常挑剔如何准确地做到这一点.到目前为止,我不知道如何使用它来替换<script src="https://forio.com/tools/js-libs/1.5.0/epicenter.min.js"></script>html.

javascript node.js reactjs webpack

40
推荐指数
4
解决办法
4万
查看次数

如何让输入无线电元素在react [material-ui]中水平对齐?

无线电组始终在材料-ui中列出.有没有办法水平对齐它们?例如,一条水平线上的所有单选按钮.

css reactjs material-ui

17
推荐指数
4
解决办法
1万
查看次数

如何在多页面网站中使用redux?

我知道如何使用redux和反应路由器的SPA.想知道如何在更传统的多页面Web应用程序中使用redux与服务器端框架,如spring MVC,jsp等.

多个页面可以共享同一个商店吗?从服务器端呈现的文档中,每个页面服务器发送都需要一个新的存储.

reactjs redux

11
推荐指数
1
解决办法
2553
查看次数

如何轻松地将谷歌工作表单元格引用复制或获取为字符串?

我有一个在 sheet-alpha 中为 b30 的单元格,我想将字符串作为字符串引用到剪贴板中,实际上我希望我的剪贴板包含字符串 'sheet-alpha'!B30

我如何在谷歌表中做到这一点?

google-sheets

6
推荐指数
1
解决办法
2113
查看次数

如何设置函数的defaultProps?

是否可以为函数设置defaultProps?下面的代码不起作用。它不喜欢“这个”。我尝试了1_将defaultProps绑定到'this',或2_将handleClose绑定到'this'都行不通。我使用ES6类。

SaveDialog.propTypes = {
  note: React.PropTypes.string,
  onCancel: React.PropTypes.func,
  onSave: React.PropTypes.func,
  onEditChange: React.PropTypes.func
};

SaveDialog.defaultProps = {
  note: '',
  onCancel: {this.handleClose},
  onSave: {this.handleClose},
  onEditChange: {this.handleChange}
};
Run Code Online (Sandbox Code Playgroud)

reactjs

5
推荐指数
2
解决办法
9792
查看次数

如何将任意名称值对列表从@RequestBody映射到java对象

我正在使用 Spring boot mvc 构建 REST 服务。PUT 输入数据就像

[
   {
      "PERSON":"John"
   },
   {
      "PLACE":"DC"
   },
   {
      "PERSON":"John"
   },
   {
      "PERSON":"Joe"
   },
   {
      "RANDOM NAME 011":"random string"
   },
   {
      "OTHER RANDOM NAME":"John"
   }
]
Run Code Online (Sandbox Code Playgroud)

请注意,名称部分是任意的,值部分也是任意的。如何利用spring的自动转换来转换呢?我的代码就像

@RequestMapping(value = "/cleansing", method = RequestMethod.PUT)
public ResponseEntity<Void> cleanse(@RequestBody List<CategoryItem> data) {
Run Code Online (Sandbox Code Playgroud)

我知道@RequestBody List<CategoryItem> data部分不正确,我不知道如何编写 CategoryItem 类以使其工作。什么是正确的选择?

spring spring-mvc spring-boot

5
推荐指数
1
解决办法
4260
查看次数