2017-01-06 20 views
0

WebPACKのプロジェクトでは、完全にロードしない:ブートストラップは、私は、configファイルにそうように、ブートストラップ追加しましたWebPACKのプロジェクトを持っている

module.exports = { 
    entry: { 
    app: './src/main.js', 
    bootstrap: 'bootstrap-loader', 
    }, 
    ... 
} 

ブートストラップは明らかにロードし、物事を正しくスタイリングされていると私はモーダルと対話することができますので、ドロップダウン。ただし、ブートストラップイベントは発生しません。例えば:私はコンソールでtypeof($.fn.modal) === 'function'をチェックするとき

$('#foo').on('show.bs.dropdown',() => { 
    // never gets here when I click on #foo element and dropdown is shown 
}); 

私もfalseを取得しています。

誰かが私のwebpackプロジェクトにブートストラップを正しくロードするために必要なことを知っていますか?

+0

あなたにも 'bootstrap'エントリのバンドルをロードする必要があると思います。しかし、 'app'と' bootstrap'バンドルを同じページに読み込むことはできません。 https://webpack.github.io/docs/multiple-entry-points.htmlをご覧ください。 –

+1

@FelixKling私は、両方のアプリケーションのエントリで私のために働いていることがわかりました。しかし、リソースのおかげで、私はwebpackについて学ぶことがたくさんある。 – thanksd

答えて

1

私は正しく私のmain.jsbootstrap-loaderappエントリで、現在は、ブートストラップ負荷の両方を読み込むことができます考え出し:

module.exports = { 
    entry: { 
    app: ['./src/main.js', 'bootstrap-loader'] 
    }, 
    ... 
} 
関連する問題