javascript - rollup.js 中的 rxjs 不导出“主题”

Question

我正在尝试设置我的项目以使用汇总，作为 angular2 迁移到 AOT 编译的一部分，但是，我遇到了以下问题。

Error: 'Subject' is not exported by node_modules\rxjs\Subject.js

这是我的rollup.js 文件:

import rollup from 'rollup';
import nodeResolve from 'rollup-plugin-node-resolve'
import commonjs    from 'rollup-plugin-commonjs';
import uglify      from 'rollup-plugin-uglify'

export default {
  entry: 'client/main.js',
  dest: 'public/assets/js/build.js',
  sourceMap: false,
  format: 'iife',
  plugins: [
      nodeResolve({jsnext: true, module: true}),
      commonjs({
        include: 'node_modules/rxjs/**',
        include: 'node_modules/angular2-jwt/**',
      }),
      uglify()
  ]
}

为什么会这样，我已经按照 angular2 cookbook 指南做了？

Answer 1

您需要将 namedExports 选项与 rollup-plugin-commonjs 一起使用:https://github.com/rollup/rollup-plugin-commonjs#custom-named-exports .

此外，您可能会发现 include: 'node_modules/**' 比单独的包更有用，否则您的依赖项的任何依赖项都将绕过插件(在上面的配置中，您有重复的 include 属性——也许这只是一个拼写错误？如果您需要传递多个值，请使用数组)。

commonjs({
  include: 'node_modules/**',
  namedExports: {
    'node_modules/rxjs/Subject.js': [ 'Subject' ]
  }
})