关于如何配置bable

在项目开发时，有时需要配置bable，记录一下，以便后续用到：
项目要配置bable，需要先配置webpack

npm i -D webpack webpack-cli

参考：

• 使用Babel
• @babel/plugin-transform-runtime

通过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']
			}
		]
	}
}