webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务。
主要提供了2个功能:
- 为静态文件提供服务
- 自动刷新和热替换(HMR)
一般的项目文件结构为:
|--src
| |--views
| |--index.js
| |--module_a
| |--list.js
| |--module_b
| |--list.js
|--index.html
|--webpack.config.base.js
|--webpack.config.dev.js
可以清楚地看到webpack配置文件在根目录,也就是最外层进行配置。
那么有些同学说,我在配置开发服务器的时候,配置好了,也没有异常,但是打包的时候出现的配置和我自己手动配置的不一样这是为什么?首先看下我自己的配置,
可以清楚的看见我的webpack配置文件名称为webpackConfig.js,配置的端口号为3000,并且指向打包后的dist目录。但是我们打包的时候为什么会出现8080端口呢?让我们访问一下