Webpack - Uncaught ReferenceError：$が定義されていませんjquery

Question

私は反応jsコードをコンパイルするためにwebpack bundlerを使用しています。しかし、jqueryやvelocity jsのような第三者のライブラリを扱う際に問題に直面しています。

カスタムjsファイルのトップにjqueryをインポートしましたが、まだエラーが表示されています。

/* Import libraries stylesheet */ 
import '../shared/lib/normalize.css'; 
import '../shared/lib/grid.css'; 
import '../shared/lib/tiny-scrollbar/tinyscrollbar.css'; 

/* Import main stylesheet */ 
import './main.scss'; 

/* Import libraries script */ 
import '../shared/lib/jquery-1.12.3.min.js'; 
import '../shared/lib/tiny-scrollbar/jquery.tinyscrollbar.min.js'; 
import '../shared/lib/velocity.min.js'; 
import '../components/card/cards.js'; 

/* Import main component */ 
import './main.jsx'; 

Answer 1

webpackにjqueryプラグインを追加して問題を解決しました。

plugins: [ 
     new webpack.ProvidePlugin({ 
      $: "jquery", 
      jQuery: "jquery", 
      "window.jQuery": "jquery" 
     }) 
    ]