Add Bower Packages to a VS 2015 ASP.NET 5 App

The Visual Studio 2015 MVC 5 Web Application template supports Bower out of the box. Follow the steps below to add the DevExtreme libraries to an MVC 5 application using Bower.

  1. Open the bower.json file located in the root folder of your application project.

  2. Find the dependencies section in this file, put a comma after the last entry and copy-paste the following line.

    "devextreme": "~16.2" // restores DevExtreme

    Wait a few seconds until the libraries are loaded. DevExtreme scripts will be located in the wwwroot/lib/devextreme folder.

  3. Link the needed libraries within the <head> tag of your index page.

    HTML
    <script type="text/javascript" src="/lib/jquery/dist/jquery.min.js"></script>
    . . .
    <script type="text/javascript" src="/lib/devextreme/js/dx.all.js"></script>
    <!-- <script type="text/javascript" src="/lib/devextreme/js/dx.mobile.js"></script> -->
    <!-- <script type="text/javascript" src="/lib/devextreme/js/dx.web.js"></script> -->
    <!-- <script type="text/javascript" src="/lib/devextreme/js/dx.viz.js"></script> -->
    <!-- <script type="text/javascript" src="/lib/devextreme/js/dx.viz-web.js"></script> -->
    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="/bower-components/devextreme/css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="/bower-components/devextreme/css/dx.light.css" />
NOTE
The Knockout and AngularJS libraries are not included in the DevExtreme Bower packages or their dependencies.
See Also