新版webpack配置babel时候报错 in ./src/main.ts Module build failed(from ./node_modules/[email protected]@babel-loader/lib/index.js)
这种错就是最新的babel已经不是这样配置的了。
最新配置步骤
第一步
npm install babel-loader babel-core babel-preset-env -D
第二步
npm i @babel/plugin-transform-runtime -D
第三步
npm i @babel/runtime -D
第四步
npm i @babel/core@^7.0.0 -D
第五步
npm i @babel/preset-env -D
第六步
npm i @babel/plugin-proposal-class-properties -D
第七步
npm i babel-loader @babel/core @babel/runtime @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime -D
package.json文件配置结果
"devDependencies": {
"@babel/core": "^7.4.5",
"@babel/plugin-proposal-class-properties": "^7.4.4",
"@babel/plugin-transform-runtime": "^7.4.4",
"@babel/preset-env": "^7.4.5",
"@babel/runtime": "^7.4.5",
"babel-loader": "^8.0.6"
}
在.babelrc文件中 要配置成
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-transform-runtime","@babel/plugin-proposal-class-properties"]
}