如何在 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'))

如何导入？

Answer 1

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

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

Answer 2

要在 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>

Answer 3

是的，Add Library 选项也不符合我的预期。

它将脚本标记添加到 html 输出，因此如果您不进行任何更改，它将不起作用。

解决方法：将script标签移到head标签即可。

如何在 JSBin 中导入 lodash？

How to make lodash import in JSBin?

javascript

ecmascript-6

lodash

jsbin