Ist es möglich, benutzerdefinierte Importe mit Webpack wie mit Browserify durchzuführen?

Question

Also in meinen Projekten Ich neige dazu, eine Menge von benutzerdefinierten Skripts haben, sowie Komponenten usw.

ich dieses Muster der Import Dinge wirklich nicht mag:

import Navigation from '../../Navigation/Navigation.js 

/* or */ 

import Navigation from 'src/universal/components/Navigation/Navigation.js' 

Ist es möglich, zu erklären, ein Einstiegspunkt über Webpack wie bei Browserify? Ich bin den Schalter jetzt machen und wird schmerzlich diese Funktionalität vermissen, wenn es nicht möglich ist

Mit Browserify, kundenspezifische Importe zu erklären ist so einfach wie mit dieser in Ihrem package.json:

"browser": { 
    "navigation": "src/universal/components/Navigation/Navigation" 
} 

Dann überall zu importieren, ist es so einfach wie:

import Navigation from 'navigation' 

wie man dies über Webpack tut?

Answer 1

können Sie versuchen, verwenden resolve.alias

resolve.alias - Module ersetzen durch andere Module oder Pfade.

webpack.config.js

resolve: { 
    alias: { 
    navigation: 'src/universal/components/Navigation/Navigation' 
    } 
}