@livelybone/script-injector
v1.2.0
Published
A module for script dynamic injection
Downloads
13
Maintainers
Readme
@livelybone/script-injector
pkg.module supported
, which means that you can apply tree-shaking in you project
A module for script dynamic injection
repository
[email protected]:livelybone/script-injector.git
Demo
https://github.com/livelybone/script-injector
Run Example
you can see the usage by run the example of the module, here is the step:
- Clone the library
git clone [email protected]:livelybone/script-injector.git
- Go to the directory
cd [the-module-directory]
- Install npm dependencies
npm i
(use taobao registry:npm i --registry=http://registry.npm.taobao.org
) - Open service
npm run dev
- See the example(usually is
http://127.0.0.1:3000/examples/test.html
) in your browser
Installation
npm i -S @livelybone/script-injector
Global name - The variable the module exported in umd
bundle
ScriptInjector
Interface
See what method or params you can use in index.d.ts
Usage
import * as ScriptInjector from '@livelybone/script-injector'
ScriptInjector.inject('alert("1")')
ScriptInjector.inject('body { background: #000 }', { type: 'css' })
CDN
Use in html, see what you can use in CDN: unpkg
<-- use what you want -->
<script src="https://unpkg.com/@livelybone/script-injector/lib/umd/<--module-->.js"></script>
Or,see what you can use in CDN: jsdelivr
<script src="https://cdn.jsdelivr.net/npm/@livelybone/script-injector/lib/umd/<--module-->.js"></script>