Можно ли использовать ag-grid с vue без застройщика?

Question

В частности, можно ли скомпилировать источник машинописного текста компонента ag-grid-vue и включить его в обычный HTML-файл?

Answer 1

Я понял:

Загрузите исходный код ag-grid, перейдите в каталог packages/ag-grid-vue и выполните npm install а также npm run build, Это поместит скомпилированные модули javascript в каталог dist, который можно использовать без системы сборки.

Мне пришлось немного изменить встроенный javascript, чтобы получить объект AgGridVue в глобальном пространстве имен, поскольку я не использую загрузчик модулей.

Answer 2

Я нашел способ сделать это, не изменяя источник. В верхней части ag-grid-vue.umd.js вы можете увидеть, что модуль делает следующее:

root["ag-grid-vue"] = factory(root["Vue"], root["agGrid"]);

Здесь "root" - это окно, а результат вызова factory - это то, что вам нужно. Но из-за тире вы не можете получить к нему доступ напрямую. Но вы можете использовать синтаксис словаря (или как он там называется):

let agVueObj = window["ag-grid-vue"];
//The component is a field on this object:
let AgGridVue = agVueObj.AgGridVue;
//Then register it as a component in your Vue instance:
//components: { AgGridVue }

И вы должны уметь использовать <ag-grid-vue> теги.