webpack打包后静态资源访问出错

Question

直接用html访问无任何问题，打包后用webpack的server就不行了。
已经配置了CopyWebpackPlugin还是无效，只有把static文件夹放在/dist文件夹里才能访问

new CopyWebpackPlugin([{

        from: path.resolve(__dirname, './static'),
        to: './dist/static',
        ignore: ['.*']

}])

以前用vue和react的时候能require访问静态资源，这里直接不行了。
请教大神原理和解决方法

图片访问路径为<img src="./1.jpg" />该路径可以访问成功
<img src="./dist/static/1.jpg>也可成功
但./路径下并没有存1.jpg 求大神解答

Answer 1

补一下解决方法：在使用htmlwebpackplugin的时候，务必确认devserver的publicpath和output的path相同。否则就会出现该问题

Answer 2

分开配置dev和build的copyWebpackPlugin,build时,to配置为 './dist/static'