在 React 中引入静态 js 文件

from:https://thaddeusjiang.com/blog

 

背景：

公司项目是 toB 内容管理系统，由于某些不可抗力因素，不得不对应 CKEditor 4。但是 CKEditor 4 并不支持 js 模块，所以不能使用 import。

传统做法，使用 <script> 标签。

// index.html
<script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>

但是因为只有部分页面使用 CKEditor，在 index.html 中引入整个 js 文件总觉得不太好。

所以我选择了在 componentDidMount 中引入，方法如下：

componentDidMount () {
  const script = document.createElement("script")
  script.src = "https://cdn..."
  script.async = true
  
  document.body.appendChild(script)
}