Webpack - Uncaught ReferenceError: $ ist nicht definiert jquery

Question

Ich benutze Webpack Bundler zum kompilieren von react js code. Bei der Arbeit mit Bibliotheken von Drittanbietern wie jQuery und velocity js habe ich jedoch Probleme.

Ich habe jquery in benutzerdefinierte js-Datei an der Spitze importiert, aber ich bekomme immer noch Fehler.

/* 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

Hinzugefügt jquery Plugin in Webpack löste das Problem.

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