Wie erfordern oder nur Import notwendig Exporte aus Modul mit webpack

Question

Zum Beispiel habe ich Modul mit einigen Konfigurationen:

exports.common = { 
 
\t cookieDomain: '.mydomain.dev', 
 
\t protocol: 'http', 
 
\t apiPort: 3030 
 
} 
 

 
exports.server { 
 
\t port: 8080 
 
}

In einem anderen Modul i nur config.common Objekt erforderlich sein soll, sondern die Vermeidung dass der Code von config.server in das Client-Bundle einbricht. Ist das mit Webpack möglich?

Answer 1

Dies wird "Tree Shaking" und will be a part of webpack 2 genannt. Sie können nicht die Commonjs Syntax verwenden, obwohl, müssen Sie die ES2015-Modul Syntax:

Export:

export const common = { 
    cookieDomain: '.mydomain.dev', 
    protocol: 'http', 
    apiPort: 3030 
}; 

export const server { 
    port: 8080 
}; 

Import:

import common from 'config'; 

common; // do something with common 
// server is not included in the bundle 

Sie können die Beta-Version unter Verwendung der aktuellen installieren Versionsnummer:

npm install webpack@2.1.0-beta.6 

Alternativ könnten Sie auch h ave einen Blick auf rollup.js, die dies von Anfang an unterstützt (und produziert auch etwas kleinere Pakete). Es unterstützt jedoch nur die ES2015-Syntax.