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

Question

我有一个 xxx.js 脚本文件，其值为 3mb。 如 Jhipster README 中所述，我已在 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文件拷贝到目录下。它会导致巨大的捆绑价值和网络性能问题。 （所以我从 webpack commom 中删除了 { from: './src/main/webapp/assets/xxxPath', to: 'assets/xxxPath/'}）

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