在捆绑包中包含一个 IIFE 模块答案

【问题标题】：including a IIFE module in bundle在捆绑包中包含一个 IIFE 模块
【发布时间】：2018-10-11 22:47:17
【问题描述】：

我在理解如何将 iife 模块与 rollup.js 捆绑在一起时遇到问题。我尝试加载的模块定义为...

;(function (sax) {
    sax.parser = function (strict, opt) { return new SAXParser(strict, opt) }
    sax.SAXParser = SAXParser
    sax.SAXStream = SAXStream
    sax.createStream = createStream
    [...]
})(typeof exports === 'undefined' ? this.sax = {} : exports)

这是我的rollup.config.js：

import commonjs from 'rollup-plugin-commonjs';
import nodeResolve from 'rollup-plugin-node-resolve';
import globals from 'rollup-plugin-node-globals';
import babel from 'rollup-plugin-babel';

export default {
  input: 'index.js',
  output: {
    file: 'build/foo.js',
    format: 'umd',
    name: 'foo'
  },
  moduleContext: {
    'node_modules/sax/lib/sax.js': 'window'
  },
  plugins: [
    globals(),
    nodeResolve({
      jsnext: true,
      main: true
    }),

    commonjs({
      include: [
        'node_modules/**',
      ],
      namedExports: {
        'node_modules/sax/lib/sax.js': 'default'
      },
      ignore: [ 'conditional-runtime-dependency' ]
    }),

    babel({
      exclude: 'node_modules/**'
    }),
  ]
};

我的代码正在导入依赖项...

import sax from "sax";

但是rollup -c 失败了：

[!] Error: 'default' is not exported by node_modules/sax/lib/sax.js

知道如何解决这个问题吗？

【问题讨论】：

你有想过这个吗？

标签： javascript commonjs iife rollupjs

【解决方案1】：

在 commonjs namedExports 中，您必须使用用于导入的字符串，而不是文件目录：

commonjs({
  include: [
    'node_modules/**',
  ],
  namedExports: {
    sax: ['default']
  }
}),

【讨论】：