title: DevExtreme npm module Uncaught TypeError: $(...).dxButton is not a function
body: <p>Following the suggested usage of DevExtreme npm from their page <a href="https://www.npmjs.com/package/devextreme" rel="nofollow noreferrer">https://www.npmjs.com/package/devextreme</a></p>
  
  <pre><code>var $ = require('jquery');
  require('devextreme/ui/button');
  var dialog = require('devextreme/ui/dialog');
  
  $("#myButton").dxButton({
      text: "Say hello",
      onClick: function() {
          dialog.alert('Hello world!', '', false);
      }
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="myButton"&gt;&lt;/div&gt;
  &lt;script type="text/javascript" src="bundle.js" charset="utf-8"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Results in browser error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: $(...).dxButton is not a function</p>
  </blockquote>
  
  <p>Checking the browser console and jQuery and $ are initialized properly but $(...).dxButton is not. 
  I also stepped through DX button.js and it seems to initialized as well (however this is on a local variable $)</p>
  
  <p>BTW: this is also the webpack config:</p>
  
  <pre><code>{
    "name": "devextreme-test",
    "version": "1.0.0",
    "description": "TBS",
    "dependencies": {
      "jquery": "^3.3.1",
      "devextreme": "^17.2.6"
    },
    "devDependencies": {
      "webpack": "^1.13.1"
    },
    "author": "anonymouse",
    "license": "MIT"
  }
  </code></pre>