React-webpack Simple Configuration

Const WEBPACK = require (' Webpack '); const PATH = require (' path '); const Htmlwebpackplugin = require (' Html-webpack-plugin ' ); module.exports = {  entry: __dirname + '/src/managesystem.js ', output: {  path: __dirname + '/build ', filename: " Bundle.js "},module: {   rules: [  {    test:/\.js$/,exclude:/node_modules/,use: [' Babel-loader ']  }]}, Plugins: [New Htmlwebpackplugin ({Template: __dirname+ '/template.html '})],devserver: {publicpath: '/', port:3001, Historyapifallback:true,}}

　　

{"Presets": [["es2015", {"modules": false}], "React"]}

　　

{  "name": "Staffmanage",  "version": "1.0.0",  "description": "",  "main": "",  "scripts": {    " Start ":" Webpack ",    " dev ":" Webpack-dev-server  --mode development--config webpack.config.js "  },  " Author ":",  "license": "ISC",  "Devdependencies": {    "Babel-core": "^6.26.3",    "Babel-loader": "^ 7.1.4 ",    " babel-preset-env ":" ^1.7.0 ",    " babel-preset-es2015 ":" ^6.24.1 ",    " babel-preset-react ":" ^ 6.24.1 ",    " Echarts ":" ^4.1.0 ",    " Html-webpack-plugin ":" ^3.2.0 ",    " react ":" ^16.3.2 ",    " React-dom ":" ^16.3.2 ","    webpack ":" ^4.9.1 ",    " webpack-cli ":" ^3.0.8 ",    " Webpack-dev-server ":" ^3.1.4 "  }}

　　

React-webpack Simple Configuration