Question

例如，我的模块包含一些配置：

＆＃13;

exports.common = {
	cookieDomain: '.mydomain.dev',
	protocol: 'http',
	apiPort: 3030
}

exports.server {
	port: 8080
}

＆＃13;

在另一个模块中，我想只需要config.common个对象，但是避免来自config.server的代码进入客户端捆绑包。这可以用webpack吗？

Answer 1

这被称为＆＃34; Tree Shaking＆＃34;和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

或者，你也可以看看rollup.js从get go中支持这个（并且产生稍小的包）。它只支持ES2015语法。