title: React - '$' is not defined
body: <p>I have a React Redux application. Im adding materialize as the CSS framework, but materialize requires jquery. So i installed Jquery and added it to my project via npm. If i import jquery like so </p>
  
  <pre><code>import $ from 'jquery';
  </code></pre>
  
  <p>No errors are thrown and im able to use it. But only on that component. So i added the wepback plug so i can call $ anymore in my react application. However, when i do this as described on webpacks <a href="https://webpack.js.org/plugins/provide-plugin/" rel="nofollow noreferrer">website</a>, it get the following error. </p>
  
  <pre><code>Line 13:  '$' is not defined 
  </code></pre>
  
  <p>Any ideas on why this is ? </p>
  
  <p>app.js </p>
  
  <pre><code>import React  from 'react';
  import '../styles/index.css';
  import Header from './header/Header';
  
  class App extends React.Component {
      constructor(props){
          super(props);
          console.log('Application ready');
      }
      componentWillMount(){
          $('ul.tabs').tabs();
      }
      render = () =&gt; (
          &lt;div&gt;
              &lt;Header /&gt;
              &lt;div&gt;
                  {this.props.children}
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  export default App;
  </code></pre>
  
  <p>webpack.config.dev.js</p>
  
  <pre><code>    alias: {
  
    // Support React Native Web
    // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
    'react-native': 'react-native-web',
    jquery: "jquery/src/jquery" // What i added 
    // $: "jquery/src/jquery" 
  },
  </code></pre>
  
  <p>jquery is in the node_modules folder, from the npm install, i didnt add it to any other location. </p>