yeoman : yo webapp을 사용하여 backbone과 backbone.layoutmanager를 혼합하여 추가

Question

yeoman webapp generator plugin을 사용하여 webapp를 성공적으로 설치했습니다.

backbone과 backbone.layoutmanager를 믹스에 추가하려고합니다.

npm install && bower install을 실행하려고 시도했을 때 https://github.com/isaacs/npm/issues/3275과 같은 오류가 발생합니다.

이 내 현재 main.js입니다

require.config({ 
    paths: { 
     jquery: '../components/jquery/jquery', 
     backbone: '../../node_modules/backbone/backbone', 
     underscore: "../components/underscore/underscore", 
     layoutmanager: "../../node_modules/backbone.layoutmanager/backbone.layoutmanager", 
     bootstrap: 'vendor/bootstrap' 
    }, 
    shim: { 
     bootstrap: { 
      deps: ['jquery', 'underscore'], 
      exports: 'Backbone' 
     }, 
     layoutmanager: { 
      deps: ["backbone"], 
      exports: "Backbone.Layout" 
     } 
    }, 

}); 

require(['app', 'jquery', 'bootstrap'], function (app, $) { 
    'use strict'; 
    // use app here 
    console.log(app); 
    console.log('Running jQuery %s', $().jquery); 
}); 

나의 현재 component.json

{ 
    "name": "learnbackbonelayoutmanager", 
    "version": "0.0.0", 
    "dependencies": { 
    "sass-bootstrap": "~2.3.0", 
    "requirejs": "~2.1.4", 
    "modernizr": "~2.6.2", 
    "jquery": "~1.9.1" 
    }, 
    "devDependencies": {} 
} 

나의 현재 package.json

{ 
    "name": "learnbackbonelayoutmanager", 
    "version": "0.0.0", 
    "dependencies": {}, 
    "devDependencies": { 
    "grunt": "~0.4.0", 
    "grunt-contrib-copy": "~0.4.0", 
    "grunt-contrib-concat": "~0.1.2", 
    "grunt-contrib-coffee": "~0.4.0", 
    "grunt-contrib-uglify": "~0.1.1", 
    "grunt-contrib-compass": "~0.1.2", 
    "grunt-contrib-jshint": "~0.1.1", 
    "grunt-contrib-cssmin": "~0.4.1", 
    "grunt-contrib-connect": "0.1.2", 
    "grunt-contrib-clean": "0.4.0", 
    "grunt-contrib-htmlmin": "0.1.1", 
    "grunt-contrib-imagemin": "0.1.2", 
    "grunt-contrib-livereload": "0.1.1", 
    "grunt-bower-hooks": "~0.2.0", 
    "grunt-usemin": "~0.1.9", 
    "grunt-regarde": "~0.1.1", 
    "grunt-requirejs": "~0.3.2", 
    "grunt-mocha": "~0.2.2", 
    "grunt-open": "~0.2.0", 
    "matchdep": "~0.1.1" 
    }, 
    "engines": { 
    "node": ">=0.8.0" 
    } 
} 

웹 애플리케이션의 기본 I 설정을하는 방법 yo webapp에 정의 된대로 백본 및 백본을 추가합니다 .LayoutManag 어?

Answer 1

npm을 통해 백본 및 레이아웃 관리자를 설치 한 것 같습니다. 당신은 프론트 엔드 구성 요소로 다음을 사용하려는 경우, 당신은 bower를 통해이를 설치해야합니다 그 후

bower install --save backbone layoutmanager 

,이처럼 main.js의 경로를 조정합니다

require.config({ 
    paths: { 
     jquery: '../components/jquery/jquery', 
     backbone: '../../components/backbone/backbone', 
     underscore: '../components/underscore/underscore', 
     layoutmanager: '../components/backbone.layoutmanager/backbone.layoutmanager', 
     bootstrap: 'vendor/bootstrap' 
    }, 
    shim: { 
     bootstrap: { 
      deps: ['jquery', 'underscore'], 
      exports: 'Backbone' 
     }, 
     layoutmanager: { 
      deps: ['backbone'], 
      exports: 'Backbone.Layout' 
     } 
    }, 

}); 

require(['app', 'jquery', 'bootstrap'], function (app, $) { 
    'use strict'; 
    // use app here 
    console.log(app); 
    console.log('Running jQuery %s', $().jquery); 
});