Rollup + @babel/preset-env + @babel/polyfill
Rollup + @babel/preset-env + @babel/polyfill
提问于 2019-03-12 07:48:45
当使用汇总时，如何让它同时与@babel/preset-env和@babel/polyfill一起工作？文档提到要添加useBuiltIns: 'usage'，但当我这样做时，我在控制台中得到一个require is not defined错误。下面是我到目前为止所拥有的；是否有更推荐的设置？
rollup.config.js：
import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
import { terser } from 'rollup-plugin-terser';
const dist = './dist/';
const name = 'focusoverlay';
export default {
input: './src/index.js',
output: [
{
file: `${dist}${name}.cjs.js`,
format: 'cjs'
},
{
file: `${dist}${name}.esm.js`,
format: 'esm'
},
{
name: 'FocusOverlay',
file: `${dist}${name}.js`,
format: 'umd'
}
],
plugins: [
resolve(),
babel({ exclude: 'node_modules/**' }),
terser()
]
};
.babelrc：
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "usage",
"modules": false,
"targets": {
"browsers": "> 0.25%, not op_mini all, not dead, IE 10-11",
"node": 6
}
}
]
]
}回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-15 06:07:15
我通过删除我的.babelrc文件并将我的babel配置完全移到rollup.config.js修复了这个问题。然后，我还包含了将CJS模块转换为ES6的rollup-plugin-commonjs插件。我的最终配置示例：
import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import { terser } from 'rollup-plugin-terser';
const dist = './dist/';
const name = 'focusoverlay';
export default {
input: './src/index.js',
output: [
{
file: `${dist}${name}.cjs.js`,
format: 'cjs'
},
{
file: `${dist}${name}.esm.js`,
format: 'esm'
},
{
name: 'FocusOverlay',
file: `${dist}${name}.js`,
format: 'umd'
}
],
plugins: [
resolve(),
babel({
exclude: 'node_modules/**',
presets: [
[
'@babel/env',
{
modules: 'false',
targets: {
browsers: '> 1%, IE 11, not op_mini all, not dead',
node: 8
},
useBuiltIns: 'usage'
}
]
]
}),
commonjs(),
terser()
]
};完全配置here。当然，对改进的建议仍然欢迎。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55112048
复制相关文章
相似问题
腾讯云开发者
