Angular 以自定义路径将第三方js脚本加载到jhipster网页包

我有一个值为3mb的xxx.js脚本文件。 如Jhipster自述中所述，我已在vendor.ts中导入，如：

import '../assets/xxxPath/xxx';

然后在中向CopyWebpackPlugin添加了以下内容

webpack.common.js

像这样

{ from: './src/main/webapp/assets/xxxPath', to: 'assets/xxxPath/'}

它工作得很好，但它会产生巨大的主包js（5mb）！以及性能问题

程序中是否存在任何错误，或者是否有任何建议来解决此问题并生成一个较小的包？

我解决了问题：

1-无需将js文件复制到目录中。它会带来巨大的捆绑价值和web性能问题。（因此我将

{from:'./src/main/webapp/assets/xxxPath'，从webpack commom中删除为：'assets/xxxPath/'}

）

---

2-不在vendor.ts中导入，只需将js lib导入组件ts，webpack将为其创建块，并通过调用模块延迟加载。

文件中有什么？把它分成两部分会有帮助吗：代码和数据？数据可以很容易地加载到demandI上，我可以通过添加到webpack dev/prod的入口点来拆分my xxx.js。现在我从main中获得了不同的块，并从vendor.ts中删除导入。所以，这里的问题是，我如何告诉Web包将我的xxx.js块注入到我的component.html中，而不是index.html中。jhipster似乎使用HtmlWebpackPlugin将块注入索引。