创建一个NPM软件包，使ES6导入可以选择导出

Question

构建NPM软件包时，如何创建一个能够支持挑选单个导出以节省Webpack，汇总或Browserify捆绑包大小的构建？

首选语法为：

import { myModuleOne, myModuleTwo } from 'my-npm-package';

要么

import myModuleOne from 'my-npm-package/myModuleOne';
import myModuleTwo from 'my-npm-package/myModuleTwo';

Answer 1

只需使用ES6导出即可：

export const myModuleOne = ...
export const myModuleTwo = ...

并在package.json中将module属性设置为package.json的路径：

{
  main: 'path/to/umd/bundle.js',
  module: 'path/to/es/bundle.js',
  ...
}

汇总和webpack 2摇了摇树，因此生成的捆绑包将仅包含您需要的模块。