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フォルダを確認することを知っています。