使用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的初始設置？另外，Backbone是否支持ES6，或者它現在已經過時並且不推薦使用？

Answer 1

我建議你從這裏開始：https://github.com/jerrysu/backbone-webpack-example

沒有什麼阻止你使用骨幹與ES6，雖然你應該閱讀：http://benmccormick.org/2015/04/07/es6-classes-and-backbone-js/

我與你的WebPack配置看到的第一個問題是，您的裝載機缺少test表達式（http://webpack.github.io/docs/using-loaders.html#configuration）