Javascript 如何要求或仅从带有网页的模块导入必要的导出

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

exports.common={
cookieDomain:'.mydomain.dev'，
协议：“http”，
电话：3030
}
exports.server{
端口：8080
}

这被称为“树摇晃”和。 但是，您不能使用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

或者，您还可以从一开始就查看哪些支持此功能（并生成更小的捆绑包）。但它也只支持ES2015语法。

这称为“树摇动”和。 但是，您不能使用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

---

或者，您还可以从一开始就查看哪些支持此功能（并生成更小的捆绑包）。不过，它也只支持ES2015语法。

这将在webpack 2（目前处于测试阶段）中实现，但如果我没有弄错的话，只支持ES2015语法。不是真的。如果您不需要将这两个东西放在一起，请不要将它们放在同一个模块中。这将在webpack 2（目前处于测试阶段）中实现，但如果我没有弄错的话，这仅适用于ES2015语法。不是真的。如果你不需要把这两个东西放在一起，就不要把它们放在同一个模块里。我安装了Webpack2，但它不会动摇这棵树。我怀疑问题在于安装的预设或插件。下面是我的.babelrc

{“预设”：[“react”、“es2015”、“stage-0”、“es2015 loose”、“es2015本机模块”]，“plugins”：[“transform runtime”、“transform decorators legacy”、“transform class properties”]，“sourceMaps”：true，“retainLines”：true}

删除

es2015

和

es2015松动

，否则您的

导入

s将被传输到

require（）

s。我无法删除es2015，因为nodejs上的服务器端抛出错误SyntaxError:意外的令牌导入

es2015本机模块

？不，它意外到达了此处我安装了webpack 2，但它没有动摇树。我怀疑问题在于安装的预设或插件。下面是我的.babelrc

{“预设”：[“react”、“es2015”、“stage-0”、“es2015 loose”、“es2015本机模块”]，“plugins”：[“transform runtime”、“transform decorators legacy”、“transform class properties”]，“sourceMaps”：true，“retainLines”：true}

删除

es2015

和

es2015松动

，否则您的

导入

s将被传输到

require（）s。我无法删除es2015，因为nodejs上的服务器端抛出错误SyntaxError:意外的令牌导入
es2015本机模块
？不，它意外到达此处