多个条目 + 带有 rollup 和 rollup-plugin-babel 的 preserveModules - 为什么 _rollupPluginBabelHelpers.js 中没有包含所有助手?
multiple entries + preserveModules with rollup and rollup-plugin-babel - why are all helpers not included in _rollupPluginBabelHelpers.js?
所以我有一个 JSX 库,我正在转换它以包含在 React 项目中。
配置
rollup.config.js:-
import babel from "rollup-plugin-babel"
import pkg from "./package.json"
const externals = Object.keys(pkg.peerDependencies || {})
export default [
{
input: __dirname + "/src/File1.js",
output: {
dir: __dirname + "/lib/",
format: "esm",
},
plugins: [
babel({}),
],
preserveModules: true,
external: externals
},
{
input: __dirname + "/src/File2.js",
output: {
dir: __dirname + "/lib/",
format: "esm",
},
plugins: [
babel({})
],
preserveModules: true,
external: externals
},
...
]
.babelrc(在 /src 内):-
{
"presets": [
["@babel/preset-env", {"modules": false}],
"@babel/preset-react"
],
"plugins": [
[
"@babel/plugin-proposal-class-properties"
],
[
"babel-plugin-styled-components"
]
]
}
问题
当我将代码包含在我的 webpack 编译器中时,出现如下错误:-
WARNING in ./lib/File1.js 29:146-161 "export 'defineProperty' (imported as '_defineProperty') was not found in './_virtual/_rollupPluginBabelHelpers.js'
WARNING in ./lib/File2.js 45:11-25 "export 'objectSpread2' (imported as '_objectSpread2') was not found in './_virtual/_rollupPluginBabelHelpers.js'
似乎提供一个包含多个条目的数组会导致 _rollupPluginBabelHelpers.js 只填充数组中最后一个条目所需的助手。
谁能帮我解决这个问题?我已经阅读了我能找到的所有文档并用谷歌搜索,但我找不到答案。谢谢
问题已 resolved on github 以下配置:-
export default {
input: [__dirname + "/src/File1.js", __dirname + "/src/File2.js"],
output: {
dir: __dirname + "/lib/",
format: "esm",
},
plugins: [
babel({}),
],
external: externals
}
所以我有一个 JSX 库,我正在转换它以包含在 React 项目中。
配置
rollup.config.js:-
import babel from "rollup-plugin-babel"
import pkg from "./package.json"
const externals = Object.keys(pkg.peerDependencies || {})
export default [
{
input: __dirname + "/src/File1.js",
output: {
dir: __dirname + "/lib/",
format: "esm",
},
plugins: [
babel({}),
],
preserveModules: true,
external: externals
},
{
input: __dirname + "/src/File2.js",
output: {
dir: __dirname + "/lib/",
format: "esm",
},
plugins: [
babel({})
],
preserveModules: true,
external: externals
},
...
]
.babelrc(在 /src 内):-
{
"presets": [
["@babel/preset-env", {"modules": false}],
"@babel/preset-react"
],
"plugins": [
[
"@babel/plugin-proposal-class-properties"
],
[
"babel-plugin-styled-components"
]
]
}
问题
当我将代码包含在我的 webpack 编译器中时,出现如下错误:-
WARNING in ./lib/File1.js 29:146-161 "export 'defineProperty' (imported as '_defineProperty') was not found in './_virtual/_rollupPluginBabelHelpers.js'
WARNING in ./lib/File2.js 45:11-25 "export 'objectSpread2' (imported as '_objectSpread2') was not found in './_virtual/_rollupPluginBabelHelpers.js'
似乎提供一个包含多个条目的数组会导致 _rollupPluginBabelHelpers.js 只填充数组中最后一个条目所需的助手。
谁能帮我解决这个问题?我已经阅读了我能找到的所有文档并用谷歌搜索,但我找不到答案。谢谢
问题已 resolved on github 以下配置:-
export default {
input: [__dirname + "/src/File1.js", __dirname + "/src/File2.js"],
output: {
dir: __dirname + "/lib/",
format: "esm",
},
plugins: [
babel({}),
],
external: externals
}