搭建webpack本地服務(wù)器

先安裝依賴項(xiàng)

npm install --save-dev webpack-dev-server

npm install -g webpack-dev-server //全局安裝

dev-server有一些配置選項(xiàng)，這里挑幾個(gè)重要的

所以在webpack.config.js中新添加devServer:{}如下

在package.json的scripts中添加運(yùn)行服務(wù)器的命令

然后運(yùn)行npm run server，報(bào)錯(cuò)。

經(jīng)過查找，問題應(yīng)該出在沒有wenpack-cli這個(gè)包，我們用npm下載

npm install webpack-cli

發(fā)現(xiàn)還是不行，在下載webpack-cli包的時(shí)候出現(xiàn)這個(gè)問題

應(yīng)該是版本不兼容的問題?？匆幌挛覀兊膚epack版本

Webpack-cli版本則是：

所以我們= =。。。卸載重裝。卸載webpack和webpack-cli的教程詳細(xì)見：如何正確徹底卸載webpack

重新安裝了3.0.0版本的webpack。

重裝了后還是報(bào)錯(cuò)?。。。?！于是我再次降低了webpack-dev-server的版本，換成@2.9.1試試。

ok重裝了webpack-dev-server之后終于可以了。

這里實(shí)測(cè) webpack@3.0.0 webpack-dev-server@2.9.1 webpack-cli@3.2.2 可用。

可喜可賀~

參考文獻(xiàn)：

webpack-dev-server報(bào)錯(cuò)

如何正確徹底刪除webpack

npm run server報(bào)錯(cuò)原因之一：Cannot find module 'webpack-cli/bin/config-yargs'

最主要感謝這篇教程入門 Webpack，看這篇就夠了 神仙教程~????