从 vue 组件的公共文件夹中导入 js 文件（Laravel）答案

【问题标题】：import js file from public folder in a vue component (Laravel)从 vue 组件的公共文件夹中导入 js 文件（Laravel）
【发布时间】：2020-04-20 12:37:03
【问题描述】：

我需要从 vue 组件的“public”文件夹中导入一个文件“js”。

我的 Vue 组件：

<template>
  <div>
    <h2>Hello</h2>
  </div>
</template>
<script>

   import {myplugin} from "/public/vendor/jquery/jquery.min.js";
   export default {
      name: "pageone"
   }
</script>

但是我在编译阶段收到错误，有人可以帮助我吗？

【问题讨论】：

错误是什么？请附上错误截图。
我假设您需要使用相对路径。类似from '../../../public/vendor/jquery/jquery.min.js'
为什么您的public 文件夹中有vendor 文件夹？ jquery 很可能已经存在（取决于您使用的 Laravel/Laravel UI 版本）。通过 npm 包含/需要 jquery。 laravel.com/docs/master/mix#working-with-scripts
另外，这个import {myplugin} from 是错误的。应该类似于import * as jQuery from ...

标签： laravel vue.js webpack ecmascript-6 laravel-mix

【解决方案1】：

（虽然在使用编译器时将库/包放在公共文件夹中不是一个好主意），如果你真的想把它放在公共文件夹中，你应该使用 relative_path。

import {myplugin} from "../../public/vendor/jquery/jquery.min.js";

但是，我会将它安装为 npm 包并利用 laravel-mix 在我的构建中添加 jquery。

【讨论】：