A Rapid Prototyping tool to quickly search and inject CDN links of popular libraries into html files.
cdnMe searches and injects cdn links from jsdelivr. The latest available version is selected by default. The next major version of cdnMe will allow specifying different versions.
##Installation
> npm install -g cdnme##Usage
Navigate to your project folder and Run the command to auto Inject cdnme tags in your html file
> cdnme -j src/index.htmlOnce your html file is setup, libraries can be added by runing the command cdnMe <library> <htmlFilePath>
> cdnMe phaser src/index.htmland Voila!
<head>
....
<!-- cdnMe:css -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/6.2.3/foundation.min.css" />
<!-- endcdnMe -->
</head>
<body>
<!-- cdnMe:js -->
<script src="//cdn.jsdelivr.net/foundation/6.2.3/foundation.min.js"></script>
<script src="//cdn.jsdelivr.net/d3js/3.5.17/d3.min.js"></script>
<script src="//cdn.jsdelivr.net/phaser/2.6.1/phaser.min.js"></script>
<!-- endcdnMe -->
</body>##Updates
- fixed injection for frameworks which provide both css and js files (i.e: bootstraps, foundation, etc..).
- patch js tag is now added right after the opening body tag
- Both CSS and JS Tags are now auto injected with option
-j. - cdnme has now support for CSS libraries.
-
autoInject tag options added.
Running
cdnMe -j <htmlFilePath>will Inject the cdnMe tags after opening<body>tag.
##Thank you!
Please Star the Repos as it keeps me motivated ^^, and leave me a note in case of issues or suggestions :)
Thanks for using cdnMe