output.path

output.path：webpack打包后资源输出的目录。应为绝对路径。例如我想把资源输出到dist目录下，下面配置就可以：

  1. output:{
  2.     path:path.resolve(__dirname,'dist')
  3. }

output.publicPath

output.publicPath: 非必填，默认值是””,表示打包生成后，引用的静态资源的前缀。例如我想统一给引进来的资源添加一个前缀”asset”，那可以如下配置：

  1. output:{
  2.     publicPath:'/asset/'
  3. }
  4. // 下面是举例说明使用前后的变化
  5. // 设置前，默认: <script src='/imgs/a.jpg'> </script>
  6. // 设置后: <script src='/asset/imgs/a.jpg' ></script>,会在资源前统一加上asset的路径

devServer.contentBase

devServer.contentPath:默认值：process.cwd() (即是当前工作目录)。其作用相当于静态服务器,浏览器可以直接访问该目录下的文件。另外，如果找不到内存中output.path下的静态文件，就会去这个目录下找对应的文件。

devServer.publicPath

devServer.publicPath:默认值’/‘，在开发阶段，我们借用devServer启动一个开发服务器进行开发，这里也会配置一个publicPath，这里的publicPath路径下的打包文件可以在浏览器中访问。而静态资源仍然使用output.publicPath。
webpack-dev-server打包的内容是放在内存中的，这些打包后的资源对外的的根目录就是publicPath，换句话说，这里我们设置的是打包后资源存放的位置.