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

没有什么能阻止你使用Backbone和ES6，不过你应该读到这个：http://benmccormick.org/2015/04/07/es6-classes-and-backbone-js/

我在webpack配置中看到的第一个问题是您的加载程序缺少test表达式（http://webpack.github.io/docs/using-loaders.html#configuration）

使用webpack设置backbone.js环境

1 个答案: