xiaohong-insert-data-2-html-plugin

insert data 2 html by script

Usage no npm install needed!

<script type="module">
  import xiaohongInsertData2HtmlPlugin from 'https://cdn.skypack.dev/xiaohong-insert-data-2-html-plugin';
</script>

README

InsertData2HtmlPlugin 向html中插入全局数据

服务于项目静态化，可以在开发阶段去请求数据，并在构建阶段将数据插入到HTML中

/*插入的形式如下*/
    <head>
    <script>
        ;(function(){
            DEATIL = {
                "data": "data from InsertData2HtmlPlugin"
            }
        })(window)
    </script>
    </head>

参数

params key
open boolean 是否开启
url string 请求的URL 比如 http://127.0.0.1:8900/detail
method string 请求的方法类型 GET POST 默认POST
headers object 请求头
params object 请求参数
key string 全局变量的key 默认DETAIL

使用方式

new InsertData2HtmlPlugin({
    open: true,
    url,
    method: 'POST',
    params,
    key: '*****'
})