javascript - 将外部库导入 javascript 文件

Question

更新

我已经购买了一个名为 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

我做了并第三次运行 npm run dev，它问我这个

npm install --save fs

This dependency was not found: * 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，已经建议按照这个post在本地安装FilePicker .上面的错误表明fs是需要安装的那个。而且我没有这个库来安装它。LakiGeri还建议关注doc specifications .我什至无法导入它的库，所以如何开始处理它的配置。第三个建议是手动更新 package.json 文件中的依赖项。它已经更新。

我还在 npm github repo 上开了一个问题.我仍然没有反馈。

Answer 1

插件作者刚刚回复并更新了他的sittings .在 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因为是唯一的帮助。