webpack dev和prod环境

Question

生产环境要求打包出来的文件夹是这样的格式：

  - abc
    - public
        -  img
        -  font
    - static   
  - index.html

及1个文件夹里 有一个文件夹和一个index.html, public 是静态资源文件。
所以在生产环境中图片等资源的路径就是 类似 /abc/public/img/name.png

生产环境搞定了， 但是现在在开发环境遇到了问题 （基于create-react-app 搭建的项目）
我为了开发环境与生产环境的图片资源等路径一致，
开发环境中 devServer 的contentBase设置的是public文件夹, 我更改contentBase为abc文件夹，以及copy public里面的资源到这个abc文件夹下，webpack.config.dev.js 设置publicPath = '/abc' 等一系列操作，

但是一直路径问题解决不了， 麻烦有遇到过得提供一些思路, 谢谢

Answer 1

dev 环境中 output 的 publicPath 是关键， webpack-dev-server 会默认从publicPath为基准来启动服务，故导致错误。
所以设置output的path为你想生成的文件目录， 然后publicPath 设置为默认的'/'。