Я работаю над проектом ES6, который я транспилирую с помощью rollup и babel. Он работает хорошо, за исключением случаев, когда я пытаюсь импортировать модули npm, которые используют commonjs (и, в частности, require ('something')), получая в моем браузере ошибку "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"]
}
Примеры модулей, которые я не могу загрузить: math.js, nsolvejs, chroma.js, data.gui и т. Д.