Как требовать или импортировать только необходимый экспорт из модуля с WebPack

Question

К примеру у меня есть модуль с некоторыми конфигурациями:

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

 
exports.server { 
 
\t port: 8080 
 
}

В другом модуле я хочу, чтобы требовать только config.common объекта, но избежать что код от config.server попал в комплект клиента. Возможно ли это с помощью webpack?

Answer 1

Это называется «Встряхивание деревьев» и will be a part of webpack 2. Вы не можете использовать синтаксис CommonJS, хотя, вам нужно будет использовать синтаксис модуля ES2015:

экспорт:

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

export const server { 
    port: 8080 
}; 

Импорт:

import common from 'config'; 

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

Вы можете установить бета-версию с помощью тока номер версии:

npm install webpack@2.1.0-beta.6 

В качестве альтернативы вы также можете h ave посмотрите на rollup.js, который поддерживает это от get go (а также производит несколько меньшие пакеты). Он поддерживает только синтаксис ES2015.