Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度元素,具有共享角度/常春藤的多个组件_Angular_Webpack_Custom Element_Angular Elements - Fatal编程技术网

Angular 角度元素,具有共享角度/常春藤的多个组件

Angular 角度元素,具有共享角度/常春藤的多个组件,angular,webpack,custom-element,angular-elements,Angular,Webpack,Custom Element,Angular Elements,我正在尝试将angular添加到现有的遗留应用程序中,逐个更改页面/组件 我可以使用以下方法创建自定义元素:createCustomElement,如下所述: 但是我想创建多个组件,并将每个组件编译到不同的文件中+将所有共享(树抖动)资源编译到单独的文件中。 例: 距离 button.js table.js(使用按钮,但作为自定义元素,不使用导入) invoice.js angular.js(包含http客户端,因为由表使用,但不包含http表单,因为未使用+customElement p

我正在尝试将angular添加到现有的遗留应用程序中,逐个更改页面/组件

我可以使用以下方法创建自定义元素:
createCustomElement
,如下所述:

但是我想创建多个组件,并将每个组件编译到不同的文件中+将所有共享(树抖动)资源编译到单独的文件中。 例:

  • 距离
    • button.js
    • table.js(使用按钮,但作为自定义元素,不使用导入)
    • invoice.js
    • angular.js(包含http客户端,因为由表使用,但不包含http表单,因为未使用+customElement polyfill…)
当我只想使用按钮时,我的file.html只有angular.js和button.js的脚本标记

当我想使用表时,我还添加了table.js

我找到了很多文章,包括:但是我不能分割这些块,只导入所需的文件并让它工作

你知道如何将我的项目配置成这样吗?谢谢

编辑:如果我可以控制选择一些组件添加到主angular.js中,那就更好了,因为所有其他组件都使用这些组件(例如:包含带有angular的按钮组件…)