在没有构建器的情况下，可以在vue中使用ag-grid吗？

Question

尤其是，可以将ag-grid-vue组件的打字稿源进行编译，然后将其包含在常规html文件中吗？

Answer 1

我找到了一种无需修改源代码的方法。在ag-grid-vue.umd.js顶部附近，您可以看到该模块可以执行此操作：

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

在这里，“ root”是窗口，工厂调用的结果就是您想要的。但是由于破折号，您不能直接访问它。但是，您可以使用字典语法（或其他任何语法）：

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>标签。

Answer 2

我知道了：

下载ag-grid源代码，进入packages / ag-grid-vue目录，然后执行npm install和npm run build。这样会将已编译的javascript模块放在dist目录中，而无需构建系统即可使用。

由于没有使用模块加载器，我确实必须对内置的javascript进行一些修改，以使AgGridVue对象进入全局名称空间。