使用webpack + ES6强制加载npm包的子模块

Question

我有一个包含两个环境的npm包。浏览器和服务器。有没有办法强制webpack只加载包的子对象？ 这是我的index.js：

module.exports = {
    browser: require('./browser.js'),
    server: require('./server.js')
};

当我在浏览器上尝试此操作时： import { browser } from 'synko'; webpack也在加载服务器。

一个npm包中可以有两个环境吗？或者我应该使用browserify？

Answer 1

我在这里找到了解决方案：https://gist.github.com/defunctzombie/4339901#gistcomment-1582456

所以在我的情况下，我的package.json现在有了这个：

"main": "./server.js",
"browser": "./browser.js",

然后我可以像这样导入它： 浏览器import synko from 'synko';。