Как я могу импортировать файл JS из папки в моем проекте Vue JS?

Question

Я несколько дней пытался выяснить, как добавить дополнительные файлы JS в мое приложение Vue в моем файле App.vue.Например, любой скрипт, который находится в отдельном файле в моей папке скриптов.Допустим, я хочу добавить файл JS с именем winelist.js.Можно ли это сделать?

<template>
  <div id="app">

    <LoadingScreen :isLoading="isLoading" />
    <div v-if="!isLoading">
      <router-view/>
    </div>

    <PrimaryAppNav/>

  </div>
</template>


<script>

import PrimaryAppNav from './components/PrimaryAppNav.vue'
import LoadingScreen from "./components/LoadingScreen";

export default {
  name: 'app',
  components: {
    PrimaryAppNav,
    LoadingScreen
  },
  data() {
    return { isLoading: true };
  },
  mounted() {
    setTimeout(() => {
      this.isLoading = false;
    }, 3000);
  }
}
</script>

<style lang="scss">
    @import 'scss/bootstrap.css';
    @import 'scss/mixins.scss';
    @import 'scss/helpers.scss';
    @import 'scss/main.scss';
</style>

Answer 1

Используйте префикс @ для указания на корневую папку, тогда вы можете перейти куда угодно.

import '@/path/to/you/file'

Answer 2

Да, это может быть сделано.Просто сделайте:

import 'path/to/winelist';

в разделе script вашего файла VUE