@raina
В Nuxt.js есть несколько способов импортировать JavaScript файлы. Вы можете импортировать файлы в файлы Vue или в файлы конфигурации Nuxt.js.
1 2 3 4 5 6 7 8 9 10 11 |
<template> ... </template> <script> import MyModule from './my-module.js' export default { ... } </script> |
1 2 3 4 5 6 7 8 9 10 11 12 |
// nuxt.config.js export default { ... build: { ... extend (config, ctx) { ... const myModule = require('./my-module.js') ... } } } |
В обоих случаях, вы можете использовать путь к файлу относительно текущего файла. Вы можете использовать расширение файла (например, .js
или .json
) или опустить его, и Nuxt.js автоматически его определит.
@raina
Также, вы можете использовать функцию require
для импорта JavaScript файла:
1
|
const MyModule = require('./my-module.js') |
Если вам необходимо импортировать файл во время выполнения (например, внутри метода или вычисляемого свойства), вы можете использовать import
или require
внутри соответствующего блока кода:
1 2 3 4 5 6 7 8 |
export default { methods: { myMethod() { const MyModule = require('./my-module.js') // Используйте модуль здесь } } } |
Обратите внимание, что если вы хотите импортировать файлы из каталога static
, вам не потребуется явно указывать путь к файлу, просто укажите имя файла:
1
|
const MyFile = require('my-file.txt') |
Надеюсь, это поможет вам импортировать ваши JavaScript файлы в Nuxt.js!