webpack으로 backbone.js 환경 설정

Question

Backbone.js를 배우기 시작 했으므로 프로젝트를 설정하는 데 약간 혼란 스럽습니다. Webpack 및 npm을 사용하여 Backbone.js 환경을 설정하는 방법 첫째, 내가

$ npm init 
$ npm i webpack --save-dev 
$ npm i webpack-dev-server --save-dev 
$ npm i backbone --save-dev 
$ npm i jquery --save-dev 
$ npm i babel-core 
$ npm i babel-loader 
$ npm i babel-preset-es2015 

을 한 나는 내 webpack.config.js

var config = { 
entry: './main.js', 

output: { 
    path:'./', 
    filename: 'index.js', 
}, 

devServer: { 
    inline: true, 
    port: 8080 
}, 

module: { 
    loaders: [ 
     { 
     exclude: /node_modules/, 
     loader: 'babel', 

     query: { 
      presets: ['es2015'] 
     } 
     } 
    ] 
    } 
} 
module.exports = config; 

에 다음 내 main.js에 내가

import Backbone from 'backbone'; 
import $ from 'jquery'; 

을했지만, 아무 일 없었다. ES6에서 백본에 대한 초기 설정을 어떻게해야합니까? 또한 Backbone은 ES6을 지원합니까? 아니면 오히려 구식이며 현재 사용되지 않습니다.

Answer 1

난 당신이 여기에서 시작하는 것이 좋습니다 것 : https://github.com/jerrysu/backbone-webpack-example

이를 읽어야하지만, ES6와 백본을 사용하여 당신을 방지 어디에도 없습니다 : http://benmccormick.org/2015/04/07/es6-classes-and-backbone-js/

나는 당신의 웹팩 구성으로 볼 수있는 첫 번째 문제는 로더이다는 누락되었습니다 (http://webpack.github.io/docs/using-loaders.html#configuration)