建立react應用(3)

引入依賴

yarn add -D webpack-dev-server

在package.json中加入啓動命令

加在scripts裏。

"scripts": {
    "build:dev": "webpack --config build/webpack.config.dev.js",
    "build:prod": "webpack --config build/webpack.config.prod.js",
    "start:dev": "webpack-dev-server --config build/webpack.config.dev.js",
    "start:prod": "webpack-dev-server --config  build/webpack.config.prod.js"
}

執行命令

yarn start:dev
yarn start:prod

啓動後，瀏覽器打開http://localhost:8080

如何使用其餘端口

只須要在後面加 --port [端口號]就能夠了

"start:prod": "webpack-dev-server --config  build/webpack.config.prod.js --port 9090"