|
1 | 1 | <!DOCTYPE html>
|
2 | 2 | <html>
|
3 |
| - <head> |
4 |
| - <meta charset="utf-8" /> |
5 |
| - <title>Load with Require.js (AMD)</title> |
6 |
| - </head> |
7 |
| - <body style="padding: 50px"> |
8 |
| - <div id="root"></div> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8" /> |
| 5 | + <title>Load with Require.js (AMD)</title> |
| 6 | + </head> |
| 7 | + <body style="padding: 50px"> |
| 8 | + <div id="root"></div> |
9 | 9 |
|
10 |
| - <!-- Require.js --> |
11 |
| - <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script> |
| 10 | + <!-- Require.js --> |
| 11 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script> |
12 | 12 |
|
13 |
| - <script> |
14 |
| - requirejs.config({ |
15 |
| - paths: { |
16 |
| - 'html-react-parser': '../dist/html-react-parser.min', |
17 |
| - 'react': 'https://unpkg.com/react@16/umd/react.production.min', |
18 |
| - 'react-dom': 'https://unpkg.com/react-dom@16/umd/react-dom.production.min' |
19 |
| - } |
20 |
| - }); |
| 13 | + <script> |
| 14 | + window.requirejs.config({ |
| 15 | + paths: { |
| 16 | + 'html-react-parser': '../dist/html-react-parser.min', |
| 17 | + react: 'https://unpkg.com/react@16/umd/react.production.min', |
| 18 | + 'react-dom': |
| 19 | + 'https://unpkg.com/react-dom@16/umd/react-dom.production.min' |
| 20 | + } |
| 21 | + }); |
21 | 22 |
|
22 |
| - requirejs([ |
23 |
| - 'react-dom', 'html-react-parser' |
24 |
| - ], function(ReactDOM, HTMLReactParser) { |
25 |
| - ReactDOM.render( |
26 |
| - HTMLReactParser( |
27 |
| - '<h2 style="font-family:\'Lucida Grande\';">' + |
28 |
| - 'HTMLReactParser loaded with Require.js' + |
29 |
| - '<\/h2>' |
30 |
| - ), |
31 |
| - document.getElementById('root') |
32 |
| - ); |
33 |
| - }); |
34 |
| - </script> |
35 |
| - </body> |
| 23 | + window.requirejs(['react-dom', 'html-react-parser'], function( |
| 24 | + ReactDOM, |
| 25 | + HTMLReactParser |
| 26 | + ) { |
| 27 | + ReactDOM.render( |
| 28 | + HTMLReactParser( |
| 29 | + '<h2 style="font-family:\'Lucida Grande\';">' + |
| 30 | + 'HTMLReactParser loaded with Require.js' + |
| 31 | + '<\/h2>' |
| 32 | + ), |
| 33 | + document.getElementById('root') |
| 34 | + ); |
| 35 | + }); |
| 36 | + </script> |
| 37 | + </body> |
36 | 38 | </html>
|
0 commit comments