自定义包文件名 angular-cli

【问题标题】：custom bundle file name angular-cli自定义包文件名 angular-cli
【发布时间】：2017-09-01 15:10:47
【问题描述】：

我正在使用 angular-cli: 1.0.0-beta.28.3 来捆绑项目文件。当我运行 ng build 时，它会在 dist 文件夹下创建 main.bundle.js 文件。

我想给一个自定义名称而不是 main.bundle.js（例如：myproject.js）。有没有办法在使用 ng build 时提供自定义输出文件名。

【问题讨论】：

【解决方案1】：

很遗憾，不能配置包名称。在构建 wiki 中没有此类选项：https://github.com/angular/angular-cli/wiki/build

但是，您可以运行一个简单的 nodejs 脚本来为您执行此操作：

// rename.js file - location, right next to package.json
var fs = require("fs");
fs.rename("./dist/main.bundle.js", "./dist/myproject.js");

然后在你的 package.json 中，添加一个新的 script 命名为 build-rename

"scripts":{
   "build-rename":"ng build && node rename.js"
}

现在运行脚本npm run build-rename

【讨论】：