javascript - 创建一个 NPM 包，使 ES6 导入到樱桃挑选导出

Question

在构建 NPM 包时，如何创建一个能够支持单独导出以节省 Webpack、Rollup 或 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为捆绑包的路径：

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

Rollup 和 webpack 2 具有 tree-shaking，因此生成的包将仅包含您需要的模块。