È possibile creare un resolver personalizzato nel webpack?

Question

Ho una mia convenzione quando richiedono moduli. Per esempio. require("./components/SettingsPanel"); deve essere risolto in require("./components/SettingsPanel/SettingsPanel.js");

C'è un modo per creare tale resolver?

Answer 1

Sì, è possibile. Per evitare ambiguità e per una più facile implementazione, useremo un simbolo di prefisso hash come marker della vostra convention:

require("#./components/SettingsPanel"); 

Quindi aggiungere questo al file di configurazione (naturalmente, si può refactoring in un secondo momento):

var webpack = require('webpack'); 
var path = require('path'); 

var MyConventionResolver = { 
    apply: function(resolver) { 
    resolver.plugin('module', function(request, callback) { 
     if (request.request[0] === '#') { 
     var req = request.request.substr(1); 
     var obj = { 
      path: request.path, 
      request: req + '/' + path.basename(req) + '.js', 
      query: request.query, 
      directory: request.directory 
     }; 
     this.doResolve(['file'], obj, callback); 
     } 
     else { 
     callback(); 
     } 
    }); 
    } 
}; 


module.exports = { 
    resolve: { 
     plugins: [ 
     MyConventionResolver 
     ] 
    } 
    // ... 
};