Форум программистов, компьютерный форум, киберфорум
Наши страницы
8Observer8
Войти
Регистрация
Восстановить пароль
Рейтинг: 5.00. Голосов: 1.

Инструкция, как подключить стороннюю библиотеку к своему примеру на TypeScript в песочнице Plunker

Запись от 8Observer8 размещена 29.10.2019 в 00:24
Обновил(-а) 8Observer8 29.10.2019 в 00:26

Это продолжение инструкции: http://www.cyberforum.ru/blogs/416874/blog6132.html

В данной инструкции покажу, как подключить стороннюю библиотеку. Например, подключим библиотеку glMatrix, которая используется для работы с линейной алгеброй (матрицы, вектора и операции с ними). Продолжим писать пример выше. Добавим свойство "Identity" в класс "MyClass", которое будет возвращать единичную матрицу, а метод "Main" из класса "Program" будет выводить единичную матрицу на экран.

Предыдущий пример: https://next.plnkr.co/edit/d3cPBLfHsaztAIyW?preview
Готовый пример: https://next.plnkr.co/edit/JLFSvIw9XS5HIFw5?preview
  • Откройте предыдущий пример: https://next.plnkr.co/edit/d3cPBLfHsaztAIyW?preview
  • Откройте файл "RequireConfig.ts" и добавьте подключение библиотеки "gl-matrix":
    Javascript
    1
    2
    3
    4
    5
    6
    7
    8
    
    requirejs.config({
        baseUrl: ".",
        paths: {
            "gl-matrix": "https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min"
        }
    });
     
    requirejs(["Program"], (Program) => { });
  • Скопируйте код "MyClass.ts", который импортирует модуль "gl-matrix" и содержит свойство Identity, возвращающее единичную матрицу:
    Javascript
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    
    import { mat4 } from "gl-matrix";
     
    export default class MyClass
    {
        private readonly _identity: mat4 = null;
     
        public constructor()
        {
            // Creates a new identity mat4
            this._identity = mat4.create();
        }
     
        public get Identity(): string
        {
            return this._identity;
        }
    }
  • Скопируйте код класса "Program" в файл "Program.ts", который создаёт экземпляр класса "MyClass", берёт ссылку на элемент "div" по "id" и выводит свойство Identity, возвращающее единичную матрицу, на страницу:

    Javascript
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    
    import MyClass from "./MyClass";
     
    class Program
    {
        public static Main(): void
        {
            let myClass = new MyClass();
     
            let outputElement = document.getElementById("output");
            outputElement.innerHTML = myClass.Identity;
        }
    }
     
    Program.Main();
  • Нажмите кнопку "Save" и нажмите кнопку "Preview", чтобы запустить пример
  • Скопируйте ссылку на свой пример из адресной строки браузера. Ваш пример будет доступен по данной ссылке
  • Результат: https://next.plnkr.co/edit/JLFSvIw9XS5HIFw5?preview
Размещено в Без категории
Просмотров 87 Комментарии 0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.