如何在JSBin中引入Lodash？

Question

我需要在 JSBin 中展示一个使用 Lodash 的代码，但无法弄清如何进行“get”导入。我收到了错误信息"ReferenceError: require is not defined。 https://jsbin.com/hotobir/edit?js,console

// Normally that is working fine
import { get } from 'lodash'

//No import get from 'lodash/get'
//No const { get } = lodash

const obj = { myKey: 'myValue' }
console.log(get(obj, 'myKey', 'notThere'))

如何进行导入？

- victor zadorozhnyy

Answer 1

是的, 添加库 选项也不符合我的预期。

它将脚本标签放在html输出的最前面，所以如果你不做任何更改，它就无法正常工作。

解决方案: 将脚本标签移动到head标签中。

- doub1ejack

Answer 2

默认情况下，JSBin将脚本导入到错误的位置。它应该在HTML的头部。

const {get} = _
const obj = { myKey: 'myValue' }
console.log(get(obj, 'myKey', 'notThere'))

- victor zadorozhnyy

Answer 3

在jsbin中添加任何库，请将光标放置在html的head内，添加库，并确保您在<script标签中添加language='javascript'。这种方法至少对我有效。

例如：从这个开始：

  <script
    src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"> 
  </script>

转换为这个：

  <script
    language='javascript'
    src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"> 
  </script>

- R01010010