angular 7 如何减少生产构建尺寸答案

【问题标题】：angular 7 How to reduce production build sizeangular 7 如何减少生产构建尺寸
【发布时间】：2021-08-10 11:23:15
【问题描述】：

如何减少生产构建大小。

生产构建：ng build --prod

angular.json 配置文件：

main.js(4.3mB) 有 pdf.js(303kB), pdf_viewer.js(100kB) 除此之外，还存在一个单独的 pdf.worker.js(739kB)。

cpexcel.js 和 xlsx.js 占用更多空间。

我从未使用过 xlsx 中的 jszip

我正在使用 ng2-pdf-viewer 处理 pdf 文件。

开发构建：ng 构建

这里 main.js(1.2mb) 不包含 pdf.js(303kB)、pdf_viewer.js(100kB)。这些都包含在 vendor.js 中。

但 pdfworker.js 的大小为 1.51mB

谢谢

【问题讨论】：

【解决方案1】：

对于我的解决方案，我有类似的问题：您可以将 custom-webpack 安装到您的 devDependencies

阅读他们的文档以了解如何使用这个包，我的配置extrat-webpack.config.js 删除了 cpexcel 和 jszip

module.exports = {
    resolve: {
        alias: { 
            "./dist/cpexcel.js": "",
            "./jszip.js": ""
        }
    },
};

顺便说一句，我用的是angular 9和"@angular-builders/custom-webpack": "^10.0.0",

【讨论】：