Я пытаюсь заставить svelte, webpack и babel работать вместе. Я создаю минимизированный пакет, однако этот пакет выдает ошибки при загрузке в браузере. Это должно быть совместимо с IE11 при использовании синтаксиса ES6.
Я получаю
Конструктор класса, который я не могу вызвать без 'new'
Соответствующий части моего веб-пакета выглядят следующим образом
{
test: /\.(js|jsx|mjs|svelte)?$/,
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
configFile: path.resolve(__dirname, 'babel.config.js')
}
}
]
},
{
test: /\.svelte$/,
exclude: /node_modules/,
use: {
loader: "svelte-loader",
options: {
emitCss: false,
hotReload: false
},
},
},
babel.config выглядит следующим образом
module.exports = {
plugins: [
'@babel/plugin-proposal-class-properties',
'angularjs-annotate',
'lodash'
],
presets: [
['@babel/preset-env', {
useBuiltIns: 'usage',
corejs: { version: 3, proposals: true }
}],
'@babel/preset-react'
]
};
Сам файл Svelte довольно прост c
<script>
export let name = "World";
</script>
<h1>Hello {name}!</h1>
ОБНОВЛЕНИЕ
Я могу запустить его, исключив классы преобразования в конфигурации babel
exclude: ['transform-classes'],
Однако это, конечно, нарушает IE11.