如何创建一个库,在需要时可以导入单个组件

我发现最好使用webpack创建两个模块。一个用于网络,一个用于节点。

在您的节点构建中,您可以选择transpile,或者简单地将代码保存在ES6中,让库客户机决定。

您的web构建可以树震动并删除未使用的代码。

这是官方网页包片段( https://webpack.js.org/concepts/targets/ )

const path = require('path');
const serverConfig = {
  target: 'node',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'lib.node.js'
  }
  //…
};

const clientConfig = {
  target: 'web', // <=== can be omitted as default is 'web'
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'lib.js'
  }
  //…
};

module.exports = [ serverConfig, clientConfig ];