如何从Vue JS项目的文件夹中导入JS文件？

Question

我已经尝试了几天，以找出如何在App.vue文件上向我的Vue应用程序添加其他JS文件。 例如，我的脚本文件夹中单独文件中的任何脚本。 假设我要添加一个名为winelist.js的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/winelist';

在您的vue文件的script部分中

Answer 2

使用@前缀指向根文件夹，然后您可以到任何地方。

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