预编译rails AngularJS资产

时间:2013-09-22 11:23:51

标签: ruby-on-rails angularjs asset-pipeline

我正在尝试使用RAILS_ENV =生产包exec rake资产来编译我的Rails应用资产:预编译,但是这不会编译我的AngularJS资产,所以我的控制台报告了这个:

 ActionController::RoutingError (No route matches [GET] "/assets/app/views/products/index.html"):

我的AngularJS资产位于“/ assets / app /”下,因此我尝试通过将以下内容添加到我的production.rb中来编译角文件夹,但仍无法正常工作。

 config.assets.precompile += %w(app/* bootstrap/* datatable/* ....

我可以在此路径下找到已编译的索引文件:

 public/assets/app/views/products/index-2429bd0f8fc0762dcc075e51f0306c5b.html

有什么想法吗?

更新

还在生产中尝试了config.serve_static_assets = false,但它会导致更多资产缺失错误

由于

1 个答案:

答案 0 :(得分:1)

我已经在我的应用程序中使用常量来解决这个问题。

我的角度应用程序是旅程(你的显然会有所不同)

所以我将角应用程序声明为模块

this.journey = angular.module('journey', [
    'ngResource',
    'ngRoute'
  ]);

然后我有一个名为constants.js.erb的文件,我在其中声明了我的模板

journey.constant('INDEX_TEMPLATE', '<%= asset_path('journeys/journey_index.html')%>');
journey.constant('EDIT_JOURNEY_TEMPLATE', '<%= asset_path('journeys/journey_edit.html') %>');

最后在我的服务中,我使用声明为模板url的常量

journey.config([
    '$routeProvider',
    '$locationProvider',
    'INDEX_TEMPLATE',
    'EDIT_JOURNEY_TEMPLATE',
    function ($routeProvider, $locationProvider, INDEX_TEMPLATE, EDIT_JOURNEY_TEMPLATE) {
      $locationProvider.html5Mode(false);
      return $routeProvider.when('/', {
        templateUrl: INDEX_TEMPLATE,
        controller: 'JourneyIndexController'
      })
     }
   ])

这样我就不用担心文件的位置或者rails如何组织路由。

希望这有帮助

相关问题