IE11 Svelte/Babel/Rollup 中的 Function.prototype.toString 问题

Question

我当前的rollup.config.js是

commonjs(),
babel({
extensions: ['.js', '.mjs', '.html', '.svelte'],
runtimeHelpers: true,
exclude: ['node_modules/@babel/**', 'node_modules/core-js/**' ], // <= /! NOT 'node_mobules/**'
presets: [
['@babel/preset-env', {
// adapter to ensure IE 11 support
targets: '> 0.25%, not dead, IE 11',
"modules": false,
"spec": true,
"forceAllTransforms": true,
useBuiltIns: 'usage',
corejs: 3
}]
],
plugins: [
'@babel/plugin-syntax-dynamic-import',
[
'@babel/plugin-transform-runtime',
{
useESModules: true
}
]
]
})

在 IE11 中出现问题：

Function.prototype.toString："this"不是函数对象

如何正确解决这个问题？

我试图

• 将 Web 组件导入我的主.js：

  import 'node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js';

  但是此文件未导入：

  未解析的依赖项 https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js (由 src\main.js 导入(

这意味着我必须配置 解析插件，但它似乎是不正确的方式，因为它被标记为未使用。

Answer 1

正常工作 rollup.config

commonjs(),
babel({
extensions: ['.js', '.mjs', '.html', '.svelte'],
runtimeHelpers: true,
exclude: ['node_modules/@babel/**', 'node_modules/core-js/**' ], 
presets: [
['@babel/preset-env', {
targets: {
browsers: [
"> 0.25%"
,"not dead"
,"IE 11"
]
},
"modules": false,
"spec": true,
"forceAllTransforms": true,
useBuiltIns: 'usage',
corejs: 3
}]
],
plugins: [
'@babel/plugin-syntax-dynamic-import',
[
'@babel/plugin-transform-runtime',
{
useESModules: true
}
]
]
}),
polyfill(['@webcomponents/webcomponentsjs'])

PolyFill是Rollup-plugin-polyfill