在项目开发时,有时需要配置bable,记录一下,以便后续用到:
项目要配置bable,需要先配置webpack
npm i -D webpack webpack-cli
参考:
通过yarn
yarn add babel-loader @babel/core @babel/preset-env @bable/plugin-transform-runtime -D
# 由于@bable/plugin-transform-runtime依赖于@bable/runtime,所以需要在生产环境下安装
yarn add @bable/runtime -S
或者npm:
npm i babel-loader @babel/core @babel/preset-env @bable/plugin-transform-runtime -D
npm i @bable/runtime -S
配置:babel.config.js或者.babelrc
这里使用.babelrc
{
"presets":[
"@babel/preset-env"
],
"plugins":[
"@babel/plugin-transform-runtime"
]
}
// webpack.config.js
{
module:{
rules:[
{
test:/\.js$/,
exclude: /node_modules/,
use:['babel-loader']
}
]
}
}