【问题标题】:How to add pre-built javascript to react with webpack如何添加预构建的 javascript 以对 webpack 做出反应
【发布时间】:2017-09-29 20:38:43
【问题描述】:

我正在尝试在我的 React/Webpack 项目中使用 sanitize-html

浏览器集成说明如下:

  • 克隆存储库
  • 运行 npm install 并构建/缩小。
  • 您会在 dist/ 目录中找到 sanitize-html 的缩小版和未缩小版(包括其所有依赖项)。

我做了所有这些并将文件复制到 React/Webpack 项目并导入文件:

const sanitizeHtml = require('../sanitize-html');

一切正常,但我在控制台中收到此消息:

我做错了什么?

【问题讨论】:

  • 或许可以试试const sanitizeHtml = require('sanitize-html')(没有相对路径)
  • AFAIK,仅当库是使用“npm install”安装时才有效,这是一个复制到项目目录的文件“sanitize-html.js”

标签: javascript reactjs webpack sanitization


【解决方案1】:

如果你有一些预编译的库,你通常会在你的 html 中包含一个 script 标签,那么你可能不需要在 react 中导入它。以下是在反应中使用jQuery 的方法(我知道反应中的 jQuery 是邪恶的,但有时在使用外部库或现有网页时需要)。

jQuery 创建了一个全局变量,所以你可以将它与window.$window.jQuery 一起使用;

【讨论】:

  • 太好了,我会将它添加为脚本,但它不会成为捆绑包的一部分,对吧?
  • 对,它是一个外部脚本,您可以直接将其包含在 html 文件中。如果你使用$in react 会有错误,但是window.$ 可以
猜你喜欢
  • 2017-12-06
  • 2019-10-27
  • 2021-05-12
  • 2019-05-07
  • 2021-04-15
  • 2015-11-05
  • 1970-01-01
  • 1970-01-01
  • 2017-06-08
相关资源
最近更新 更多