كيفية طلب مكتبات خارجية في ملف مساعد للمكون؟

merefield · 29 يونيو 2021، 6:44م

يمكنك استخدام النهج الذي أستخدمه في GitHub - merefield/discourse-tc-tag-cloud: A Discourse Theme Component that displays a tag cloud above the tag lists on the tags page · GitHub

github.com/merefield/discourse-tc-tag-cloud

javascripts/discourse/components/tagcloudvis.js.es6

91943c7fd


      
          import loadScript from "discourse/lib/load-script";
          import DiscourseURL from "discourse/lib/url";
          
          export default Ember.Component.extend({
            classNames: "tag-cloud-vis",
            words: Ember.computed.alias("model.content"),
          
            ensureD3() {
              return loadScript(settings.theme_uploads.d3Lib).then(() => {
                return loadScript(settings.theme_uploads.d3Cloud);
              });
            },
          
            didInsertElement() {
              if (!this.site.mobileView) {
                this.setup();
              }
            },

لاحظ أن الأصول مسجّلة هنا:

github.com/merefield/discourse-tc-tag-cloud

about.json

91943c7fd


      
          {
            "name": "Tag Cloud",
            "about_url": "",
            "component": true,
            "authors": "Robert Barrow",
            "assets": {
              "d3Cloud": "assets/d3.layout.cloud.js",
              "d3Lib": "assets/d3.min.js"
            }
          }

وتوجد في مجلد الأصول.

الموضوع		الردود	مرات العرض
How to load library in a theme component Development	6	439	25 أغسطس 2023
Javascript assets in a theme component Development	15	2205	7 مايو 2021
Issues on loading a js asset from a Theme Component Development	19	904	28 سبتمبر 2023
How to install npm packages in custom themes/plugins Development	6	2258	11 نوفمبر 2023
Defer loading JavaScript in Themes and Components Development dev-news	4	1991	7 أبريل 2022

كيفية طلب مكتبات خارجية في ملف مساعد للمكون؟

الموضوعات ذات الصلة