如何使用Angular + Browserify + Gulp呈現視圖？

Question

我一直在使用Angular & Browserify一起創建更多模塊化代碼，並在前端使用require語法。我成功地使用了一個gulp任務來創建我的包文件，但是無論何時我在我的index.html中加載我的腳本並加載localhost，我的視圖都不會呈現。我在這裏的配置文件中引用了我的視圖，然後將它們加載到我的入口點文件中，gulp任務用來編譯包文件。

但是，我的視圖都沒有渲染。有沒有特定的方法來做到這一點？

Ex。

function config($stateProvider, $locationProvider,$urlRouterProvider){ 
    $stateProvider 
    .state('Home', { 
     url:'/', 
     controller: 'HomeCtrl', 
     controllerAs: 'home', 
     templateUrl: 'views/home.html' 
    }); 

    $urlRouterProvider.otherwise('/'); 
} 

module.exports = config; 

Answer 1

我想通了。解決方法是使用$ templateCache並緩存html模板。我使用了angular-gulp-templatecache將我的所有模板渲染到角度模板模塊中。由於我使用的是browserify，因此我將入口點文件和新創建的模板文件連接成一個文件，然後將其作爲main.js從index.html提供。