在自定义路径中将第三方js脚本加载到jhipster webpack

Question

我有一个值为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(！以及性能问题。

程序中是否存在任何错误，或提出任何建议来解决此问题并制作较小的捆绑包？

Answer 1

我解决了问题：

1-不需要将js文件复制到目录中。它会导致巨大的捆绑包价值和web性能问题。(所以我从webpack通信中删除了{ from: './src/main/webapp/assets/xxxPath', to: 'assets/xxxPath/'}(

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