亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 svelte、babel 和 webpack 構建時如何解決

使用 svelte、babel 和 webpack 構建時如何解決

三國紛爭 2022-05-26 11:13:34
我正在嘗試讓 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。
查看完整描述

2 回答

?
小唯快跑啊

TA貢獻1863條經驗 獲得超2個贊

只需這樣做:

$ yarn remove webpack-cli && yarn add --dev webpack-cli

這將刪除舊的 cli 版本,重新安裝新版本并重新編譯所有內容。問題解決了


查看完整回答
反對 回復 2022-05-26
?
ABOUTYOU

TA貢獻1812條經驗 獲得超5個贊

您需要更新 package.json 中的 webpack-cli 和 html-webpack-plugin 版本:


"webpack-cli": "^4.5.0",


"html-webpack-plugin": "^5.1.0",

然后,刪除你的 node_modules 和 package-lock.json 文件并運行一個新的 npm install


查看完整回答
反對 回復 2022-05-26
  • 2 回答
  • 0 關注
  • 248 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號