javascript - 通过 Webpack 和 Vue.JS 导入并使用第 3 方包

Question

美好的一天，

我目前是 webpack 中集成 vue.js 的新手。

基本上，我正在尝试使用已经安装在我的node_modules中的第3方软件包。

在此示例中，我安装了一个名为“Vuex Toast”的包(vue.js 的警报)。 NPM Package here

这是我的项目结构。

.../js/main.build.js
.../src-modules/app.js (blank for now)

通常，每次运行 webpack 命令时，我都会生成 main.build.js

有人可以帮我如何使用这里的第 3 方软件包吗？

Answer 1

webpack(以及一般的 bundler )的想法是，您需要代码，webpack 会为您捆绑它。

在您的 app.js 中执行以下操作:

const vuexToast = require('vuex-toast');

现在您可以使用它了。 Webpack 会知道检查您的 node_modules/vuex-toast 文件夹。