无法使用汇总导入通用js中的npm模块：“未定义需求”

Question

我在一个ES6项目上工作，我使用rollup和babel进行传输。它工作得很好，除了当我尝试导入使用commonjs（尤其是require（'something'））的npm模块时，在我的浏览器中出现错误“require is not defined”（这意味着它没有正确地将节点模块从commonjs编译到ES5）。然而，我使用了rollup plugin node resolve和rollup plugin commonjs，如果我理解正确的话，应该可以完成这项工作。。。

这是我的汇总配置文件：

import babel from 'rollup-plugin-babel';
import eslint from 'rollup-plugin-eslint';
import resolve from 'rollup-plugin-node-resolve'; // to import node_modules packages easily
import commonjs from 'rollup-plugin-commonjs'; // convert commonjs to es6 (in case you use require)

export default {
  input: 'src/main.js',
  output: {
      file:'build/index.js',
      format: 'iife'
  },
  sourcemap: 'inline',
  plugins: [
    resolve({
      jsnext: true,
      main: true,
      browser: true
    }),
    commonjs({
        include: 'src/**'
    }),
    eslint({
      exclude: [
        'src/styles/**',
      ]
    }),
    babel({
      exclude: 'node_modules/**',
    })
  ],
};

还有我的babel配置文件：

{
    "presets": [
        [
           "es2015",
           {
                "modules": false
            }
        ]
    ],
    "plugins": ["external-helpers"]
}

我无法加载的模块示例是数学。js，nsolvejs，色度。js，数据。gui等。

Answer 1

这个问题可能与commonjs插件有关，它用于在构建时将CJ转换为es模块，因此您应该包含节点_模块中的cjs模块，而不是src。

 commonjs({
    include: 'node_modules/**'
 })