你是用了webpack4吧
現(xiàn)在使用webpack要同時安裝webpack-cli這個包，才可以調(diào)用webpack和webpack-dev-server這些命令
npm install webpack webpack-dev-server webpack-cli --save-dev
接下來就可以直接
webpack-dev-server

看樣子你在使用ES2015語法寫react，那你的loader配置不怎么正確，應(yīng)該是：

{ test: /\.js$/, exclude:/node_modules/, loader: 'babel-loader'},
{ test: /\.jsx$/, exclude: /node_modules/, loader: 'babel?presets[]=react&presets[]=es2015' }

注意需要安裝：npm install --save-dev babel-preset-react babel-preset-es2015

第一：webpack只是構(gòu)建

webpack-dev-server除了構(gòu)建，還提供web服務(wù)

第二：webpack.config.json的路徑參數(shù)

顯然，entry都一樣，因為都要知道需要構(gòu)建的文件在哪里

那么區(qū)別就在于 output了

path和webpack一起，指明構(gòu)建 之后 輸出文件的位置，這是真實的物理地址

publickPath和webpack-dev-server一起，當執(zhí)行webpack-dev-server時，第一步首先跟webpack一樣，先構(gòu)建輸出，然后提供web訪問，該輸出文件是在內(nèi)存中

默認情況下，不設(shè)置publicPath則輸出文件默認在運行webpack-dev-server的目錄，也就是根目錄，，那么html中引用直接是src="輸出的文件"，，如果設(shè)置了publicPath那么html中引用也要相對改變

總的來說，webpack只是構(gòu)建，而webpack-dev-server相當于webpack+apache（或者其它web服務(wù)器）

區(qū)別在于

使用webpack+apache（或者其它服務(wù)器），每次構(gòu)建之后

1 根據(jù)path引用構(gòu)建后的輸出文件；

2 每次修改都要重新運行webpack

使用webpack-dev-server，運行之后

1 先構(gòu)建，輸出文件在內(nèi)存中，引用構(gòu)建后的輸出文件根據(jù)publicPath（默認是根目錄）；

2 每次修改，自動刷新

配置webpack-dev-server 運行時報錯配置 Can't resolve 'webpack/hot/dev-server'
代碼：
webpack.config.js
var path = require('path');
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');