Angular 2:将index.html作为自定义位置

时间:2018-04-29 17:43:39

标签: angular angular-cli

构建后是否可以将index.html放在自定义位置? (我需要这个,以便我可以将这个index.html放在django的模板文件夹中) 目前它位于dist文件夹的根目录中。

如果我弹出角度应用程序,我可以这样做

var countDownDate = new Date("Apr 29, 2019 23:56:26").getTime();
var table = document.getElementById("test");
// Update the count down every 1 second
var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now an the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);


  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  cell1.innerHTML = days + "d " + hours + "h "
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("timer").innerHTML = "EXPIRED";
  }
}, 1000);

是否可以在angular-cli.json中执行此操作? 或者我必须定义一个postbuild步骤? (实际上我尝试定义一个post build步骤,从dist文件夹到自定义位置的cp,但dist文件夹位置是从.angular-cli.json派生的,postbuild是package.json的attr)

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

您可以修改.angular-cli.json并将路径放在outDir属性

"outDir": "templates/main",

这会更改build目录

编辑:为此你需要定义一个npm脚本

"build":" "ng build"

并添加postbuild脚本:

"postbuild": "copy ./build/index.html ./yourFolder/",

postBuildbuild完成后运行。