在 VueJs 項目中導入並使用一個 npm 包

Question

我有一個現有的項目，我想用 VueJs 重新編碼它。 我需要導入一個名為 TaffyDB 的 npm 包。 我發現我必須在 main.js 中導入它。 我不得不承認，我不知道如何做到這一點或語法究竟如何。

import WHAT from "WHERE";

taffydb 已安裝，我在 node_modules 文件夾中找到了文件夾“taffydb”。 在該文件夾中是 taffy.js 文件。

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

任何幫助表示贊賞。

Answer 1

首先在 taffy npm install --production taffy上執行npm install --production taffy然后轉到你想要使用它的代碼並要求它TAFFY = require( 'taffy' ).taffy; 在文檔中它說需要它以這種方式嘗試而不是從導入。

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

和http://taffydb.com/

我希望這可以幫助你 ！

Answer 2

我也有同樣的問題。 我將解決這樣做：

1. 在官方頁面下載 taffy-min.js

2. 將此文件移動到項目上的 /plugin 文件夾

3. 在您需要使用的文件 .vue 中。 在腳本部分復制這一行

   從'@/plugins/taffy-min.js'導入{太妃糖}；

4. 在mounted()方法上你可以寫：

   constfriends = taffy([ {"id":1,"gender":"M","first":"John","last":"Smith","city":"Seattle, WA","status" :"Active"}, {"id":2,"gender":"F","first":"Kelly","last":"Ruth","city":"Dallas, TX","status" :"Active"}, {"id":3,"gender":"M","first":"Jeff","last":"Stevenson","city":"Washington, DC","status" :"Active"}, {"id":4,"gender":"F","first":"Jennifer","last":"Gill","city":"Seattle, WA","status" ：“積極的”}
   ]);

更多：如果您使用的是 Typerscript，請不要忘記編寫“聲明模塊 '@/plugins/taffy-min.js';” 在 src 文件夾上的“delcarations.d.ts”上工作。

我希望為你工作！ 對不起我的英語不好！ :)