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

Question

如何减少生产构建大小。

生产构建：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 中。

但是有 1.51mB 大小的 pdfworker.js

谢谢

Answer 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",