Блог

В настоящее время я работаю с элементами Angular и, более конкретно, пытаюсь заставить несколько элементов взаимодействовать и взаимодействовать друг с другом. В моем случае два элемента, которые я пытаюсь создать, совместно используют внешнюю библиотеку (ag-grid), которая позволяет им отображать расширенную таблицу, с которой пользователь может взаимодействовать.

Мой вопрос касался объединения этих двух элементов. В настоящее время я создаю два элемента отдельно, используя ngx-build-plus. Результат дает мне 2 main.js , 2 scripts.js , 2 polyfills.js , … файлов, и моя цель состояла бы в том, чтобы иметь 1 main.js файл на элемент, и только 1 scripts.js файл, который будет общим для всех элементов.

ngx-build-plus позволяет нам создавать webpack.external.js в нем перечислены зависимости, которые будут совместно использоваться:

 module.exports = {
    "externals": {
        "rxjs": "rxjs",
        "@angular/core": "ng.core",
        "@angular/common": "ng.common",
        "@angular/common/http": "ng.common.http",
        "@angular/platform-browser": "ng.platformBrowser",
        "@angular/platform-browser-dynamic": "ng.platformBrowserDynamic",
        "@angular/compiler": "ng.compiler",
        "@angular/elements": "ng.elements",

        // Uncomment and add to scripts in angular.json if needed
        // "@angular/router": "ng.router",
        // "@angular/forms": "ng.forms"
    }
}
  

Я пытался добавить ag-grid-angular в этот файл, а также в массив «scripts» в angular.json, но у меня не было никакого успеха, поскольку у меня нет большого опыта работы с элементами Angular или Angular.