vue的webpack配置es6转换es5语法、@log、解析原生api、识别es7、代码校验eslint

1、在index.js中添加内容

let fn = () => {
	console.log('log');
}
fn();

2、源文件转换依赖安装
npm install babel-loader @babel/core @babel/preset-env -D
3、在webpack.config.js中添加内容

module: {
		rules: [
			// es6->es5
			{
				test: /\.js$/,
				use: {
					loader: 'babel-loader',
					options: {
						// 用babel-loader需要把es6-es5
						presets:[
							'@babel/preset-env'
						]
					}
				},
			},
......

4、打包执行
npm run dev(package.json有配置)

5、在index.js中添加高级语法内容

/* es6高级语法,需要添加 npm install @babel/plugin-proposal-class-properties -D 依赖 */
class A { // new A() a = 1
    a = 1;
}

6、class语法不识别添加webpack.config.js配置

rules: [
			// es6->es5
			{
				test: /\.js$/,
				use: {
					loader: 'babel-loader',
					options: {
						// 用babel-loader需要把es6-es5
						presets: [
							'@babel/preset-env'
						],
						plugins: [
							'@babel/plugin-proposal-class-properties'
						]
					}
				},
			},

7、@log内置装饰器实现

1、npm install --save-dev @babel/plugin-proposal-decorators -D
2、npm install --