angular+wijmo按需引入项目依赖包 unpkg.com使用

158 阅读1分钟

需求:根据当前项目全球化的语言环境,动态引入语言包

class部分代码

 ngOnInit(): void {
    this.initPopup1Form()
    this.initPopup2Form()
    this.initPopup3Form()
    // 多言語対応
    // 获取当前语言
    const culture = this.translateService.getStoragelang()
    //当为英语时
    if(culture == 'en'){
    //获取页面scripts元素
      const scripts = document.getElementsByTagName('script')
      for (let i = 0; i < scripts.length; i++) {
        let script = scripts[i]
        //存在语言包时 先清空
        if (script.src.indexOf('/cultures/wijmo.culture.') > -1) {
          script.parentElement!.removeChild(script)
          break
        }
      }
      //创建新的script
      let script = document.createElement('script')
      //添加路径
      script.src = 'https://unpkg.com/wijmo@5.20231.904/cultures/wijmo.culture.en-CA.js'
      //设置script为module模式 
      script.type = 'module'
      //添加元素到html
      document.body.appendChild(script)
    }
     
  }

unpkg 使用

unpkg 类似cdn

地址:unpkg.com/ 参考地址:juejin.cn/post/719996…