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

我希望它有所帮助！