如何重命名角度yeoman index.html文件

Question

是否可以重新命名角度yeoman發生器中的index.html文件？換句話說，我想用的，而不是index.html的一個不同的名字

• UPDATE

更具體

我想自耕農也知道改變的，這樣，當我生成一個新的指令，服務，控制器yeoman將它寫入「Build」塊。即

 <!-- build:js({.tmp,app}) scripts/scripts.js --> 
    <script src="scripts/app.js"></script> 
    <script src="scripts/controllers/main.js"></script> 
    <!-- endbuild --> 

我affraid如果我改名爲index.html文件自耕農會不知道名字的變化，因此我的新的HTML文件將需要與我的指令中的新的腳本進行手動更新，控制器，服務。

Answer 1

是的，這是可能的。但是，你必須改變你的Gruntfile.js：從

• 變化的index.html所有出現在您的HTML文件

• 改變服務器的設置：

  livereload: { 
      options: { 
      open: true, 
      base: [ 
       '.tmp', 
       '<%= yeoman.app %>' 
      ] 
      } 
  } 
  

到：

livereload: { 
    options: { 
     open: 'http://localhost:9000/yourname.html', 
     base: [ 
     '.tmp', 
     '<%= yeoman.app %>' 
     ] 
    } 
    }, 

如果你想使用yeoman angular generato rs，他們不會更新與index.html不同的文件，因爲index.html在生成器中被硬編碼。只有一個命令行參數（--skip-add）可防止生成器觸及index.html文件。

當然。它是開源的。相關部分是在文件中：https://github.com/yeoman/generator-angular/blob/master/script-base.js

Generator.prototype.addScriptToIndex = function (script) { 
    try { 
    var appPath = this.env.options.appPath; 
    var fullPath = path.join(appPath, 'index.html'); 
    angularUtils.rewriteFile({ 
     file: fullPath, 
     needle: '<!-- endbuild -->', 
     splicable: [ 
     '<script src="scripts/' + script.toLowerCase().replace('\\', '/') + '.js"></script>' 
     ] 
    }); 
    } catch (e) { 
    console.log('\nUnable to find '.yellow + fullPath + '. Reference to '.yellow + script + '.js ' + 'not added.\n'.yellow); 
    } 
}; 

您可以更改名稱index.html或提供額外的選項來配置的名稱。