Как сделать импорт lodash в JSBin?

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, добавьте библиотеку и убедитесь, что вы добавили language = 'javascript' в тег <script. Этот способ работает для меня по крайней мере.

Например. Из этого:

  <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 2

Да, опция Add Library работает не так, как я ожидал.

Он добавляет тэг script к выводу html, поэтому, если вы не вносите никаких изменений, он не работает.

Решение : просто переместите тег сценария в тег head.

Answer 3

По умолчанию JSBin отбрасывает импорт скрипта в неправильное место.Это должно быть в голове html.

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