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

使用 webpack 设置 backbone.js 环境

Set up backbone.js environment with webpack

backbone.js

ecmascript-6

webpack