backbone.js - 使用 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/ )