使用Webpack和Vue.JS导入和使用第三方包

Question

美好的一天，

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

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

在这个例子中，我安装了一个名为“Vuex Toast”的包（vue.js的警报）。 NPM Package here

这是我的项目结构。

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

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

有人可以帮助我在这里使用第三方套餐吗？

Answer 1

webpack（以及一般的捆绑包）的想法是你require代码和webpack将它捆绑给你。

在app.js执行以下操作：

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

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