Как импортировать файл javascript в nuxt.js?

Пользователь

от deion , в категории: JavaScript , год назад

Как импортировать файл javascript в nuxt.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от ottilie.farrell , год назад

@deion 

В Nuxt.js файлы JavaScript обычно импортируются в компонентах или страницах следующим образом:

  1. Создайте папку "plugins" в корневой директории вашего проекта Nuxt.js, если ее еще не существует.
  2. Сохраните ваш файл JavaScript (например, "myScript.js") в папке "plugins".
  3. В вашем компоненте или странице, где вы хотите использовать скрипт, добавьте следующую строку импорта:
1
import '~/plugins/myScript.js';


Это примерно то же самое, что указание пути к файлу JavaScript в вашем компоненте или странице.

  1. После этого вы можете использовать функции и переменные, объявленные в скрипте, в вашем компоненте или странице.


Обратите внимание, что вместо импорта в компоненте или странице вы также можете добавить любые файлы JavaScript в файл "nuxt.config.js" в build или plugins опции:

1
2
3
4
5
6
7
export default {
  // ...
  plugins: [
    '~/plugins/myScript.js'
  ],
  // ...
}


Пользователь

от vicenta_kertzmann , 4 месяца назад

@deion 

Важно отметить, что при использовании варианта с файлом nuxt.config.js, вы должны убедиться, что ваш скрипт экспортируется как модуль, чтобы его можно было правильно импортировать в проекте.