將外部庫導入javascript文件

Question

UPDATE

我已經購買了一個名為filePicker的插件，我想在我的一個vue.js組件中使用它。

當我嘗試以這種方式導入其庫時

<script>
    import {filepicker} from '../filepicker';
    import {filepickerdrop} from '../filepicker-drop';
</script>

當我在第一次運行npm run dev之后，它要求安裝這個庫

npm install --save filepicker

當我第二次嘗試npm run dev時，它要求這樣做

npm install --save fs net tls

我做了第3次運行npm run dev ，它問我這個問題

npm install --save fs

找不到此依賴項：*。fs in ./node_modules/request/lib/har.js

問題 ：它一直要我安裝這個fs庫。

這些安裝已將我的package.json更新為此

"dependencies": {
    "filepicker": "^0.2.0",
    "fs": "0.0.1-security",
    "net": "^1.0.2",
    "tls": "0.0.1"
}

這表明已經成功安裝了庫FilePicker，但是它所使用的庫fs-security無處可尋。

https://www.npmjs.com/package/fs提到“此軟件包名稱目前尚未使用”。 這是什么意思？

LakiGeri建議根據這篇文章在本地安裝FilePicker。 上面的錯誤顯示fs是需要安裝的人。 我沒有這個庫來安裝它。 LakiGeri還建議遵循doc規范 。 我甚至無法導入其庫，因此甚至可以開始處理其配置。 第三個建議是手動更新package.json文件中的依賴項。 它已經更新。

我還在npm github repo上打開了一個問題。 我還沒有反饋意見。

Answer 1

該插件的作者剛剛回復並更新了他的座位 。 使用以下內容在webpack.mix.js添加以下內容：

const path = require('path')

mix.webpackConfig({
    resolve: {
        alias: {
            'filepicker': path.join(__dirname, './resources/assets/js/vendor/filepicker'),
            'filepicker-ui': path.join(__dirname, './resources/assets/js/vendor/filepicker-ui'),
            'filepicker-drop': path.join(__dirname, './resources/assets/js/vendor/filepicker-drop'),
            'filepicker-crop': path.join(__dirname, './resources/assets/js/vendor/filepicker-crop'),
            'filepicker-camera': path.join(__dirname, './resources/assets/js/vendor/filepicker-camera'),
        }
    }
});

現在您可以像這樣導入Filepicker文件：

import 'filepicker';
import 'filepicker-ui';
import 'filepicker-drop';
import 'filepicker-crop';
import 'filepicker-camera';

現在它有效。

非常感謝LakiGeri成為唯一一位幫助他的人。

Answer 2

我運行了一些搜索，並且npmjs.com上沒有這個filepicker包的js lib。 但是你可以從本地安裝lib（查看這個答案 ），或者你可以像這樣在package.json添加lib的路徑。 導入之后，我認為你應該什么都不做，但是如果它不起作用，你必須按照它的doc 說的那樣初始化這個lib。

我希望它有所幫助！