const path = require('path');

const webpack = require('webpack');

const htmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

entry: './src/app.js',

output: {

path: path.resolve(__dirname,'./dist'),

filename: 'js/[name].js'

},

module: {

rules: [

{

test: /\.js$/,

use: {

loader: 'babel-loader',

options: {

"presets": ["latest"]

}

}

},

{

test: /\.html$/,

use: {

loader:'html-loader'

}

}

]

},

plugins: [

new htmlWebpackPlugin({

filename:'index.html',

template:'index.html',

inject:'body'

})

]

}

新版本rules代替loaders  
babel-loader@7 版本

把webpack.config.js文件中的：

module: {  loaders: [ {   test: /\.js$/,  loader: 'babel'  } ] }

改成：

module: {  loaders: [ {   test: /\.js$/,  loader: 'babel-loader'  } ] }