@wonoly/addscript
v1.1.6
Published
Add any script/stylesheet to your website
Downloads
4
Maintainers
Readme
addScript (1.1.6)
you can add any script or stylesheet to your website!
Instalation
$ # Add axios also!
$ npm i @wonoly/addScript axios
or
<!-- before the addScript tag! -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
The package should be loaded in the client side. you can add it by CDN
<script src="https://unpkg.com/@wonoly/addscript@latest/dist/index.js"></script>
or requiring it.
const { addScript } = require("@wonoly/addScript")
Usage
/**
* Inject scripts into any website.
* Script options information:
* `strategy`: The strategy to use to run the JavaScript. Can be `inject`, `eval` or `href`. Default is automatically detected.
* `injectLocation`: The `document.querySelector` argument for where to inject the resources. Default is `head`.
* `async`: Load the script asyncronausly
* `src`: Source of the script * REQUIRED
*
* @method
* @param {typeof defaultOptions | Array<typeof defaultOptions>} scripts - Options for a script
* @param {Function} - Callback * REQUIRED
*/
// Single script tag loading
addScript({
src: "https://code.jquery.com/jquery-3.5.0.js"
}, (err, res) => {
if (err)
console.log(err)
console.log(res)
})
// you can add multiple loads
addScript([{
src: "https://code.jquery.com/jquery-3.5.0.js"
}, {
src: "https://code.jquery.com/jquery-3.2.0.js",
async: true
}, {
src: "https://code.jquery.com/jquery-3.3.0.js",
async: true,
injectLocation: '#main div.test',
}, {
src: "https://code.jquery.com/jquery-3.4.0.js",
strategy: 'eval',
}, {
// link tag
// css autodetected
src: "https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap-grid.min.css",
}], (err, res) => {
if (err)
console.log(err)
console.log(res)
})