使用 NPM 将客户端与 nuxt 打包在一起

Question

我对 nuxt 和 javascript 非常陌生，我正在尝试弄清楚如何在客户端使用我的应用程序的依赖项。 我将它们列在我的 nuxt.config.js 中，并与 npm 一起安装。 我在/plugins目录中也有一个文件可以导入它们（不确定这是否好用）。 这是我遇到麻烦的地方：我的/static目录中有两个脚本需要利用我的 npm 包。 在这些脚本中放置导入语句会导致错误。 在页面 vue 文件的脚本部分中导入包也不起作用。 如何在页面客户端中包含的脚本中使用 npm 包？

Answer 1

您能否提供更多信息，关于正在发生哪种错误以及您尝试安装哪种软件包？

在这个例子中，我将向您展示我是如何将我的 nuxt 项目 npm package vuelidate

安装 vuelidate 后：

1. 添加到 nuxt.config.js

plugins: [
   { src: "~/plugins/vuelidate", mode: "client" },
 ],

2. 在我的插件文件夹（plugin/vuelidate.js）中创建 vuelidate.js 文件

import Vue from 'vue'
import Vuelidate from 'vuelidate'
Vue.use(Vuelidate);

3. 之后我可以在 my.vue 组件中使用 vuelidate （并不总是需要导入一些东西，因为在我们的 2 阶段Vue.use(Vuelidate)我们已经全局安装了 vuelidate）

<script>
import { required, minLength } from "vuelidate/lib/validators";

export default {
  name: "OrderByLinkForm",
  components: {},
  ...
};
</script>