vue.js - 在 VueJs 项目中导入和使用 npm 包

Question

我有一个现有项目，我想用 VueJs 重新编码。我需要导入一个名为 TaffyDB 的 npm 包。我发现我必须在 main.js 中导入它。我不得不承认，我不知道如何做到这一点，也不知道语法到底如何。

import WHAT from "WHERE";

taffydb 已安装，我在 node_modules 文件夹中找到文件夹“taffydb”。在该文件夹中是 taffy.js 文件。

我不知道如何找到“WHERE”和“WHAT”的详细信息。

任何帮助表示赞赏。

Answer 1

我也有同样的问题。我将解决这样做：

1. 在官方页面下载 taffy-min.js

2. 将此文件移动到项目中的 /plugin 文件夹

3. 在您需要使用的文件 .vue 中。将此行复制到脚本部分

   从“@/plugins/taffy-min.js”导入 { taffy }；

4. 在mounted() 方法上，您可以编写：

   const 朋友 = taffy([ {"id":1,"gender":"M","first":"John","last":"Smith","city":"Seattle, WA","status" :"活动"}, {"id":2,"gender":"F","first":"Kelly","last":"Ruth","city":"Dallas, TX","status" :"活动"}, {"id":3,"gender":"M","first":"Jeff","last":"Stevenson","city":"Washington, DC","status" :"Active"}, {"id":4,"gender":"F","first":"Jennifer","last":"Gill","city":"Seattle,WA","状态":"活动"}
   ]);

更多：如果你使用 Typerscript，别忘了写“declare module '@/plugins/taffy-min.js';” 在 src 文件夹上的“delcarations.d.ts”上工作。

我希望为你工作！对不起我的英语不好！:)

Answer 2

首先在 taffy 上执行 npm installnpm install --production taffy然后转到您要使用它的代码并TAFFY = require( 'taffy' ).taffy;在文档中要求它说要求它以这种方式尝试而不是从导入。

检查文档到https://www.npmjs.com/package/taffydb#use-it-in-nodejs

和 http://taffydb.com/

我希望这可以帮助你 ！