webpack配置适合es6语法规则的babel

webpack配置适合es6语法规则的babel

1.

1.1下载插件

	sudo cnpm install --save-dev babel-loader @babel/core

1.2配置规则: rules: [

   	{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }   ]

1.3安装第二个插件

	 sudo cnpm install @babel/preset-env --save-dev

1.4更改第二个插件规则

    { 
    			test: /\.js$/,
    			exclude: /node_modules/,
    			loader: "babel-loader",
    			options: {
    				present: ["@babel/preset-env"]
    			}
    		}

2.遇到的问题

安装插件

sudo cnpm i -D @babel/plugin-proposal-class-properties

配置代码

options: {
    plugins: ['@babel/plugin-proposal-class-properties']
     }