将外部库导入 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

没有找到这个依赖：* 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 提供的唯一帮助。

Answer 2

我进行了一些搜索，文件选择器包的这个 js 库在 npmjs.com 上不可用。但是您可以从本地安装库（检查此answer），或者您可以在package.json 中添加库的路径，如this。导入后，我认为您应该什么都不做，但是如果它不起作用，则必须将此库作为其文档says 进行初始化。

希望对你有帮助！