Webpack dev and prod environment

production environment requires packaged folders to be in the following format:

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

and 1 folder have a folder and an index.html, public is a static resource file.
so the path to resources such as pictures in a production environment is similar to / abc/public/img/name.png

the production environment is done, but now I have encountered problems in the development environment (projects based on create-react-app)
I want the path of picture resources in the development environment to be the same as that in the production environment. In the
development environment, the contentBase of devServer is set to the public folder, and I change the contentBase to the abc folder, and the resources in copy public to this abc folder. Webpack.config.dev.js sets a series of operations, such as publicPath ="/ abc",

but the path problem can not be solved all the time. If you have some trouble, you have to provide some ideas. Thank you

.
The publicPath of output in

dev environment is the key. Webpack-dev-server will start the service from publicPath by default, which leads to an error.
so set the path of output to the directory of files you want to generate, and then set publicPath to the default'/'.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7ac223-7b6b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7ac223-7b6b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?