在使用Firebase Deploy命令部署时,由于传输到Firebase服务器的文件数量和大小都有限制,可能会导致部署失败,其中一个常见的原因是Angular项目的node_modules文件夹太大。以下是
1.在angular.json文件中添加"deployUrl"和"baseHref"属性:
在“projects” -> “architect” -> “build”节点下添加以下代码:
"deployUrl": "/", "baseHref": "/",
2.将node_modules文件夹添加到.gitignore文件中:
打开.gitignore文件,将以下代码添加到文件末尾:
/node_modules
3.将vendor.js文件拆分:
打开angular.json文件,将“vendor.js”文件拆分成两个文件“runtime.js”和“vendor.js”:
在“projects” -> “architect” -> “build”节点下“options”节点中添加以下代码:
"runtimeChunk": true, "outputHashing": "all", "extractCss": true, "sourceMap": false, "namedChunks": true, "vendorChunk": true, "buildOptimizer": true,
这些解决方法可以减少传输到Firebase服务器的文件数量和大小,解决部署时遇到的问题。