uniapp renderjs 引入第三方库方法

49 阅读1分钟

一、script 标签

创建 script 导入 (官方推荐)

if (typeof window.echarts === 'function') {
    this.initEcharts()
} else {
    // 动态引入较大类库避免影响页面展示
    const script = document.createElement('script')
    // view 层的页面运行在 www 根目录,其相对路径相对于 www 计算
    script.src = 'static/echarts.js'
    script.onload = this.initEcharts.bind(this)
    document.head.appendChild(script)
}

  • 实测在 app 和 浏览器上都可以

二、require 方法

<script module="mapbox" lang="renderjs">
    const axios = require('@/static/axios/axios.min.js');
</script>
  • 实测在 app 上可以。
  • 浏览器上会报错 (搞不懂啊)

image.png

三、import 导入

<script module="mapbox" lang="renderjs">

  import axios from "axios";

</script>

  • 实测在 app 上可以。
  • 浏览器上可以