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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от steve , 2 года назад

@raina 

В Nuxt.js есть несколько способов импортировать JavaScript файлы. Вы можете импортировать файлы в файлы Vue или в файлы конфигурации Nuxt.js.

  1. Импорт в файлы Vue:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<template>
  ...
</template>

<script>
import MyModule from './my-module.js'

export default {
  ...
}
</script>


  1. Импорт в файлы конфигурации Nuxt.js:
 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 автоматически его определит.

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

от francis_schuster , год назад

@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!