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 正在占用更多 space。

我从未使用过 xlsx 中存在的 jszip

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

开发版本：ng build

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

中

但是 pdfworker.js 大小为 1.51mB

谢谢

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

angular 7 How to reduce production build size