``` react3\node_modules\babel doesn't exist react3\node_modules\@babel\index.js doesn't exist ``` ``` var path = require('path'); var webpack = require('webpack'); var HtmlwebpackPlugin = require('html-webpack-plugin'); var ROOT_PATH = path.resolve(__dirname); var APP_PATH = path.resolve(ROOT_PATH,'app'); var BUILD_PATH = path.resolve(ROOT_PATH,'build'); module.exports = { entry:{ app:path.resolve(APP_PATH,'index.jsx') }, output:{ path: BUILD_PATH, filename:'bundle.js' }, devtool:'eval-source-map', devServer:{ historyApiFallback:true, hot:true, inline:true, progress:true }, module:{ rules:[ { test:/\.jsx?$/, rule:['eslint'], include:APP_PATH } ], rules:[ { test:/\.jsx?$/, rule:['babel'], include:APP_PATH } ] }, plugins:[ new HtmlwebpackPlugin({ title:'my first react app' }) ], resolve:{ extensions:['','.js','.jsx'] } } ``` ``` rules:[ { test:/\.jsx?$/, rule:['babel'], include:APP_PATH } ] ``` ``` rules:[ { test:/\.jsx?$/, loader:'babel-loader', include:APP_PATH } ] ``` ``` rules:[ { test:/\.jsx?$/, loader:'eslint-loader', include:APP_PATH } ], ```