webpack之解析ES6

1.首先安裝 cnpm i @babel/core @babel/preset-env babel-loader -D

2.然後在項目根目錄下創建一個.babelrc文件

3.在.babelrc下增加babel preset配置

{
	"presets":[
    	"@babel/preset-env"
	]
}

4.在webpack.config.js中module添加規則

"use strict";

const path=require('path');

module.exports={
    entry:'./src/index.js',
    output:{
        path:path.join(__dirname,'dist'),
        filename:'bundle.js'
    },
    mode:'production',
    module:{
        rules:[
            {
                test:/\.js$/,
                use:'babel-loader'
            }
        ]
    }
}