Как включить файл JS из пакета npm на отдельную страницу в Nuxt.js

Question

У меня есть несколько npm пакетов с клиентскими скриптами, которые я хочу включить в отдельные страницы моего проекта Nuxt.js.Я пытался сделать это с:

<script>
export default {
  head: {
    script: [
      { src: "gojs/release/go.js", type: "text/javascript" }
    ]
  },

  // ...
}
</script> 

, но получил 404 (Not Found) ошибку.Как правильно это сделать?

Answer 1

Обычно import - включение модуля (например, с import go from 'gojs') и использование его в вашем коде - это все, что вам нужно сделать, чтобы сборка включила эту зависимость.Не нужно добавлять заголовки для загрузки модуля NPM.

Пример в MyFoo.vue:

<script>
import go from 'gojs'

export default {
  mounted() {
    const $ = go.GraphObject.make;
    const myDiagram =
      $(go.Diagram, "myDiagramDiv",
        {
          "undoManager.isEnabled": true
        });

    ...
  }
}
</script>

demo