Skip to content

Commit a831a7c

Browse files
arman-boyakhchyanarman-boyakhchyan
authored
Distribution Channels - CDN: Add jsDelivr (#8832)
1 parent cf22cb3 commit a831a7c

1 file changed

Lines changed: 83 additions & 10 deletions

File tree

  • concepts/Common/Distribution Channels/05 CDN

‎concepts/Common/Distribution Channels/05 CDN/05 CDN.md‎

Lines changed: 83 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,83 @@
1-
DevExtreme sources are available on cdnjs:
1+
DevExtreme bundles are available on multiple hosting platforms.
22

3-
## Scripts
3+
[note] We recommend that you use DevExtreme sources hosted on jsDelivr to minimize application downtime.
4+
5+
## jsDelivr
6+
7+
### Scripts:
8+
9+
<!-- Diagram and Gantt -->
10+
<script src="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.min.js"></script>
11+
<script src="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.min.js"></script>
12+
13+
<!-- DevExtreme Quill (required by the HTML Editor UI component) -->
14+
<script src="https://cdn.jsdelivr.net/npm/devextreme-quill@cdnjs_version/dist/dx-quill.min.js"></script>
15+
16+
<!-- DevExtreme library -->
17+
<script src="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/js/dx.all.js"></script>
18+
19+
<!-- DevExpress.AspNet.Data -->
20+
<script src="https://cdn.jsdelivr.net/npm/devextreme-aspnet-data@cdnjs_version/js/dx.aspnet.data.min.js"></script>
21+
22+
<!-- Development scripts -->
23+
<!-- <script src="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.js"></script> -->
24+
<!-- <script src="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.js"></script> -->
25+
<!-- <script src="https://cdn.jsdelivr.net/npm/devextreme-quill@cdnjs_version/dist/dx-quill.js"></script> -->
26+
<!-- <script src="https://cdn.jsdelivr.net/npm/devextreme-aspnet-data@cdnjs_version/js/dx.aspnet.data.js"></script> -->
27+
28+
### Stylesheets:
29+
30+
<!-- Diagram and Gantt stylesheets -->
31+
<link href="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.min.css" rel="stylesheet">
32+
<link href="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.min.css" rel="stylesheet">
33+
34+
<!-- Theme stylesheets (reference only one of them) -->
35+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.carmine.compact.css" rel="stylesheet">
36+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.carmine.css" rel="stylesheet">
37+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.contrast.compact.css" rel="stylesheet">
38+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.contrast.css" rel="stylesheet">
39+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.dark.compact.css" rel="stylesheet">
40+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.dark.css" rel="stylesheet">
41+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkmoon.compact.css" rel="stylesheet">
42+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkmoon.css" rel="stylesheet">
43+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkviolet.compact.css" rel="stylesheet">
44+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.darkviolet.css" rel="stylesheet">
45+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.greenmist.compact.css" rel="stylesheet">
46+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.greenmist.css" rel="stylesheet">
47+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.light.compact.css" rel="stylesheet">
48+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.light.css" rel="stylesheet">
49+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.dark.compact.css" rel="stylesheet">
50+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.dark.css" rel="stylesheet">
51+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.light.compact.css" rel="stylesheet">
52+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.blue.light.css" rel="stylesheet">
53+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.dark.compact.css" rel="stylesheet">
54+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.dark.css" rel="stylesheet">
55+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.light.compact.css" rel="stylesheet">
56+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.lime.light.css" rel="stylesheet">
57+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.dark.compact.css" rel="stylesheet">
58+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.dark.css" rel="stylesheet">
59+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.light.compact.css" rel="stylesheet">
60+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.orange.light.css" rel="stylesheet">
61+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.dark.compact.css" rel="stylesheet">
62+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.dark.css" rel="stylesheet">
63+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.light.compact.css" rel="stylesheet">
64+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.purple.light.css" rel="stylesheet">
65+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.dark.compact.css" rel="stylesheet">
66+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.dark.css" rel="stylesheet">
67+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.light.compact.css" rel="stylesheet">
68+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.material.teal.light.css" rel="stylesheet">
69+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.softblue.compact.css" rel="stylesheet">
70+
<link href="https://cdn.jsdelivr.net/npm/devextreme-dist@cdnjs_version/css/dx.softblue.css" rel="stylesheet">
71+
72+
<!-- Diagram and Gantt development stylesheets -->
73+
<!-- <link href="https://cdn.jsdelivr.net/npm/devexpress-diagram@cdnjs_version/dist/dx-diagram.css" rel="stylesheet"> -->
74+
<!-- <link href="https://cdn.jsdelivr.net/npm/devexpress-gantt@cdnjs_version/dist/dx-gantt.css" rel="stylesheet"> -->
75+
76+
## CDNJS
77+
78+
[important] Due to reported reliability-related issues, we will discontinue hosting new versions of DevExtreme bundles on CDNJS. We recommend that you use jsDelivr for new projects and migrate your existing applications to jsDelivr sources to minimize future downtime.
79+
80+
### Scripts:
481

582
<!-- Diagram and Gantt -->
683
<script src="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/cdnjs_version/dx-diagram.min.js"></script>
@@ -21,7 +98,7 @@ DevExtreme sources are available on cdnjs:
2198
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-quill/cdnjs_version/dx-quill.js"></script> -->
2299
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-aspnet-data/cdnjs_version/dx.aspnet.data.js"></script> -->
23100

24-
## Stylesheets
101+
### Stylesheets:
25102

26103
<!-- Diagram and Gantt stylesheets -->
27104
<link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/cdnjs_version/dx-diagram.min.css" rel="stylesheet">
@@ -69,11 +146,9 @@ DevExtreme sources are available on cdnjs:
69146
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-diagram/cdnjs_version/dx-diagram.css" rel="stylesheet"> -->
70147
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/devexpress-gantt/cdnjs_version/dx-gantt.css" rel="stylesheet"> -->
71148

149+
## DevExpress CDN:
72150

73-
Alternatively, you can get DevExtreme sources from DevExpress CDN:
74-
75-
---
76-
##### Scripts
151+
### Scripts:
77152

78153
<!-- Diagram and Gantt -->
79154
<script src="https://cdn3.devexpress.com/jslib/minor_26_1/js/dx-diagram.min.js"></script>
@@ -98,7 +173,7 @@ Alternatively, you can get DevExtreme sources from DevExpress CDN:
98173
<!-- <script src="https://cdn3.devexpress.com/jslib/minor_26_1/js/dx.viz.debug.js"></script> -->
99174
<!-- <script src="https://cdn3.devexpress.com/jslib/minor_26_1/js/dx.web.debug.js"></script> -->
100175

101-
##### Stylesheets
176+
### Stylesheets:
102177

103178
<!-- Diagram and Gantt stylesheets -->
104179
<link href="https://cdn3.devexpress.com/jslib/minor_26_1/css/dx-diagram.min.css" rel="stylesheet">
@@ -146,6 +221,4 @@ Alternatively, you can get DevExtreme sources from DevExpress CDN:
146221
<!-- <link href="https://cdn3.devexpress.com/jslib/minor_26_1/css/dx-diagram.css" rel="stylesheet"> -->
147222
<!-- <link href="https://cdn3.devexpress.com/jslib/minor_26_1/css/dx-gantt.css" rel="stylesheet"> -->
148223

149-
---
150-
151224
[tags] jquery

0 commit comments

Comments
 (0)