webpack打包（四）--使用webpack-dev-server

接上一篇webpack打包（三）--使用loader

下载安装

npm i -D webpack-dev-server

package.json配置

加上启动命令

"start":"webpack-dev-server --config webpack.config.js"

启动服务

npm run start,start比较特殊，可以直接npm start启动

访问

通过http://localhost:8080访问，和之前的效果一样，不过这一次是通过webpack服务器访问

webpack-dev-server的一些配置

webpack.config中加上

 devServer: {
    open: true,
    port: 9000
}

1.open是一个布尔值，默认false,当为true的时候，编译完成后会自动打开
2.port指定端口