2016-10-18 2 views
0

У меня есть следующий WebPack конфигурация:Webpack не удается загрузить позвоночник без JQuery

module.exports = { 
    entry: "./league/index.ts", 
    output: { 
     path: "./", 
     filename: "bundle.js" 
    }, 
    resolve: { 
     // Add `.ts` and `.tsx` as a resolvable extension. 
     extensions: ["", ".ts", ".js"] 
    }, 
    module: { 
     loaders: [ 
      // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader` 
      { test: /\.ts?$/, loader: "ts-loader" } 
     ] 
    } 
}; 

Когда я бег webpack, я получаю эту ошибку (фактический путь проекта заменен PROJECT_PATH на частную жизнь):

ERROR in ./~/backbone/backbone.js 
Module not found: Error: Cannot resolve module 'jquery' in PROJECT_PATH\node_modules\backbone 
@ ./~/backbone/backbone.js 17:4-21:6 

причиной этого является то этот код в backbone.js:

// Set up Backbone appropriately for the environment. Start with AMD. 
    if (typeof define === 'function' && define.amd) { 
    define(['underscore', 'jquery', 'exports'], function(_, $, exports) { 
     // Export global even in AMD case in case this script is loaded with 
     // others that may still expect a global Backbone. 
     root.Backbone = factory(root, exports, _, $); 
    }); 

    // Next for Node.js or CommonJS. jQuery may not be needed as a module. 
    } else if (typeof exports !== 'undefined') { 
    var _ = require('underscore'), $; 
    try { $ = require('jquery'); } catch (e) {} 
    factory(root, exports, _, $); 

    // Finally, as a browser global. 
    } 

jQuery не является зависимостью, которая мне нужна, однако webpack интерпретирует вызов require, когда мне это нужно.

ответ

1

Магистраль зависит от jQuery, если вы используете другой модуль, подобный jQuery, например zepto, вы должны указать его jquery как псевдоним.

От Backbone wiki:

Использование WebPack, опция resolve.alias конфигурация может использоваться:

{ 
    context: __dirname + "/app", 
    entry: "./entry", 
    output: { 
     path: __dirname + "/dist", 
     filename: "bundle.js" 
    } 
    resolve: { 
     alias: { 
      "jquery": "zepto" 
     } 
    } 
} 
Смежные вопросы