创建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"