npm Package

DevExtreme is available through the npm package manager. To install the DevExtreme package, run the following command.

npm install devextreme
NOTE
npm ver. 3 will not install the DevExtreme peerDependencies automatically. Run the following commands to install them manually.
// Required by DevExtreme
npm install jquery@2.2.3

// Optional: allow you to use the MVVM approach
npm install knockout@3.4
npm install angular@1
npm install angular-sanitize@1

// Optional: enable you to localize your app
npm install globalize@1
npm install cldr-data

// Optional: enables you to create DevExtreme modules
npm install webpack@1.13

After installation is completed, you can find all the libraries in the node_modules folder. Link them within the <head> tag of your index page.

HTML
<script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="/node_modules/knockout/build/output/knockout-latest.js"></script>
<script type="text/javascript" src="/node_modules/angular/angular.min.js"></script>
<script type="text/javascript" src="/node_modules/angular/angular-sanitize.min.js"></script>
 
<script type="text/javascript" src="/node_modules/cldrjs/dist/cldr.min.js"></script>
<script type="text/javascript" src="/node_modules/cldrjs/dist/cldr/event.min.js"></script>
<script type="text/javascript" src="/node_modules/cldrjs/dist/cldr/supplemental.min.js"></script>
<script type="text/javascript" src="/node_modules/globalize/dist/globalize.min.js"></script>
<script type="text/javascript" src="/node_modules/globalize/dist/globalize/message.min.js"></script>
<script type="text/javascript" src="/node_modules/globalize/dist/globalize/number.min.js"></script>
<script type="text/javascript" src="/node_modules/globalize/dist/globalize/currency.min.js"></script>
<script type="text/javascript" src="/node_modules/globalize/dist/globalize/date.min.js"></script>
<script type="text/javascript" src="/node_modules/jszip/dist/jszip.js"></script>
<link rel="stylesheet" type="text/css" href="/node_modules/devextreme/dist/css/dx.common.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/devextreme/dist/css/dx.light.css" />
<script type="text/javascript" src="/node_modules/devextreme/dist/js/dx.all.js"></script>
See Also