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

问题描述

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

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

然后将以下内容添加到copyWebpackPlugin中

webpack.common.js

像这样

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

它可以正常工作，但可以制作出巨大的主捆绑包js（5mb）！和性能问题。

过程中是否有任何故障，或有任何建议来解决此问题并做成较小的包装？

解决方法

我解决了这个问题：

1-无需将js文件复制到目录。它会导致巨大的捆绑销售价值和网络性能问题。 （所以我从webpack commom中删除了{ from: './src/main/webapp/assets/xxxPath',to: 'assets/xxxPath/'}）

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