webpack开发中static文件放在哪里

Question

Where do you put static files in a webpack project. I have my webpack setup to where the output is going to build folder.

  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "../build"),
  },

When I'm in development mode I want to be able to fetch some json files from the build folder but when I put my json files in there its not able to fetch them.

In my app I try to fetch the json file like this.

  useEffect(() => {
    fetch(`json/test.json`)
      .then((res) => res.json())
  }, []); 

Answer 1

In the output section of your webpack config file add a publicPath field pointing to your build folder.

output: {
  publicPath: '../build/'
}