Qx-plugin NPM | npm.io

APP PLUGIN

UMI

https://umijs.org/plugins/api https://umijs.org/config#plugins

插件选项：

{
    analytic: {
        gio: "",
        ss: {
          project: "",
          token: ""
        }
    }
}

功能点：

给 script 标签添加 class="app-script", 给 link 标签添加 class "app-style"，可以通过 script-ext-html-webpack-plugin 实现，如下

script 和 link 需要是编译后生成的标签

<link src="app.css" class="app-style" ></link>


<script src="/runtime.js" class="app-script" /></script>
<script src="/bundle.js" class="app-script" /></script>

在 head 中插入 growingio 脚本, 脚本内容，id 通过配置中的 analytic.gio 获取(配置存在是插入)

https://docs.growingio.com/v3/developer-manual/sdkintegrated/web-js-sdk/latest-jssdk

<script type='text/javascript'>
!function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.giocdn.com/2.1/gio.js","gio");
  gio('init', '${config.analytic.gio}', {});
  gio('send');
</script>

添加 APP_CONFIG 注入的 devServer 中间件，并提供一个单独的 chainwebpack 方法，可功能其他框架调用

获取 process.env 中以 APPCONFIG 开头的环境变量，获取 PUBLIC_URL 环境变量
将第一部中的环境变量注入到标签中

<script id="app-config">
  window.publicPath = ${process.env.PUBLIC_URL || "/"};
  window.APP_CONFIG = {
    APP_CONFIG_URL: "/url",
    APP_CONFIG_APPID: "wx123"
    ....
  }
</script>