2.0.1 • Published 4 years ago
aotoo-inject v2.0.1
aotoo-inject
动态注入JS/CSS(非webpack打包)
有些场景下我们需要动态注入一些第三方的库(效果库),比如jquery及其插件,百度ueditor编辑器,其本身不支持AMD,CMD,UMD模式。则可以通过aotoo-inject方便的置入到header头部
install
// install
npm install aotoo-inject --save
初始化
opts = {
mapper: {
js: {
vue: 'https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.12/vue.min.js',
axios: 'https://cdnjs.cloudflare.com/ajax/libs/axios/0.20.0/axios.min.js'
},
css: {
animate: 'https://unpkg.com/animate.css'
}
}
}
var inject = require('aotoo-inject')(opts)
demo1
注入第三方库
var inject = require('aotoo-inject')(opts)
inject.js([
'jquery',
'vue'
], function(){
/* 加载完成 */
})
/*
<head>
<title>aotoo-hub 多项目全栈脚手架</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script type="text/javascript" id="bab617c9b8f7bd92aa05a707a1c589ff" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" id="e571e5cc5bd02a4b5dbb650a6f7cfe46" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.12/vue.min.js"></script>
</head>
*/
demo2
实时注入样式表
inject.css([
'animate'
], function(){
/*加载完成*/
})
/*
<head>
<title>aotoo-hub 多项目全栈脚手架</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" id="xxxxxxx" type="text/css" href="https://unpkg.com/animate.css" />
</head>
*/
demo3
实时注入样式
var inject = require('aotoo-inject')(opts)
inject.css(`
body{
font-size: 18px;
}
`)
/*
<head>
<title>aotoo-hub 多项目全栈脚手架</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<style id='xxxx'>
body{
font-size: 18px;
}
</style>
</head>
*/
2.0.1
4 years ago
2.0.0
4 years ago
1.0.34
5 years ago
1.0.33
6 years ago
1.0.32
6 years ago
1.0.31
6 years ago
1.0.30
6 years ago
1.0.29
6 years ago
1.0.28
6 years ago
1.0.27
6 years ago
1.0.26
6 years ago
1.0.25
6 years ago
1.0.24
6 years ago
1.0.23
6 years ago
1.0.22
7 years ago
1.0.21
7 years ago
1.0.20
7 years ago
1.0.19
7 years ago
1.0.18
7 years ago
1.0.17
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago