npm Package

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

npm install devextreme
NOTE

npm@3 will not install the DevExtreme peer dependencies automatically. Run the following commands if you need to install them.

// Allow you to use the MVVM approach
npm install knockout@3.4
npm install angular@1

// Enable you to localize your app
npm install globalize@1
npm install cldr-data

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

<!-- Reference either Knockout or AngularJS, if you do -->
<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>

<!-- Reference Globalize if you need to localize app or your app uses custom date, number or currency formatting --> 
<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>

<!-- Reference the JSZip script if you need client-side export -->
<script type="text/javascript" src="/node_modules/jszip/dist/jszip.js"></script>

<!-- DevExtreme themes -->
<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" />

<!-- A DevExtreme library -->
<script type="text/javascript" src="/node_modules/devextreme/dist/js/dx.all.js"></script>
<!-- <script type="text/javascript" src="/node_modules/devextreme/dist/js/dx.mobile.js"></script> -->
<!-- <script type="text/javascript" src="/node_modules/devextreme/dist/js/dx.viz.js"></script> -->
<!-- <script type="text/javascript" src="/node_modules/devextreme/dist/js/dx.web.js"></script> -->
<!-- <script type="text/javascript" src="/node_modules/devextreme/dist/js/dx.viz-web.js"></script> -->
See Also