与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中使用Backbone，不过您应该阅读以下内容：http://benmccormick.org/2015/04/07/es6-classes-and-backbone-js/

我发现您的webpack配置的第一个问题是您的加载器缺少test表达式(https://webpack.js.org/configuration/)。