此处项目中babel-loader版本为8.1.0,@babel/core为7.10.2(babel从7.0后更名为@babel)
babel7之后的插件一般都是以@babel/开头的。
例子
babel7以前npm安装core
npm i babel-core --save-dev
babel7以后安装core
npm i @babel/core --save-dev
.babelrc文件
@babel/preset, @babel/plugin不可省略,否则会当成babel7以下插件处理,出现无法找到插件的报错。
{
"presets": ["@babel/preset-react", ["@babel/preset-env"]],
"plugins": [
"@babel/plugin-transform-runtime"
]
}
package.json文件
"devDependencies": {
"@babel/core": "^7.10.2",
"@babel/plugin-transform-runtime": "^7.10.1",
"@babel/preset-env": "^7.10.2",
"@babel/preset-react": "^7.10.1",
"babel-loader": "^8.1.0",
"html-loader": "^1.1.0",
"html-webpack-plugin": "^4.3.0",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.11.0"
}