2024-4-9 webpack重温(output.publicPath理解,devServer.static理解, copyWebpackPlugin使用)

64 阅读1分钟

image.png devServer.static会在服务运行时候将对应文件夹下(默认是public)的资源放到根目录下面,即可在根目录直接访问对应资源

image.png

image.png publicPath则给所有打包资源路径前加一个路径前缀,一般publicPath设置/

image.png public下面的资源通常不会被打包,而是通过copy-webpack-plugin直接拷贝到包的根目录,所以我们要指定好html中资源的路径,如果在本地访问则./开头 ,如果是服务器访问则/开头