我正在嘗試讓 svelte、webpack 和 babel 一起工作。我正在制作縮小的捆綁包,但是,該捆綁包在將其加載到瀏覽器中時會引發錯誤。這需要在使用 ES6 語法時與 IE11 兼容。我明白了沒有'new'就不能調用類構造函數我的 webpack 的相關部分如下所示 { 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 文件本身非?;?lt;script> export let name = "World";</script><h1>Hello {name}!</h1>更新我可以通過在 babel config 中排除轉換類來運行它exclude: ['transform-classes'],但是,這當然會破壞 IE11。
使用 svelte、babel 和 webpack 構建時如何解決
三國紛爭
2022-05-26 11:13:34