webpack相对路径打包

webpack打包相对路径是指在项目中使用相对路径来引用资源文件（例如图片、样式表、字体等），而不是使用绝对路径。这样可以使得项目更加灵活和可移植，不依赖于具体的服务器路径。在vue-cli脚手架生成的项目中，你可以通过修改webpack配置文件来设置相对路径的打包。

具体的操作步骤如下：
1. 找到项目根目录下的`config`文件夹，然后进入`index.js`文件。
2. 在`index.js`文件中，找到`build`对象下的`assetsPublicPath`属性，将其值修改为`'./'`，即将原来的绝对路径改为相对路径。
3. 保存修改后的`index.js`文件，并重新运行项目的打包命令，即可生成相对路径的打包文件。

这样配置后，webpack打包的资源文件路径将会以相对路径的形式出现，使得项目中的资源引用更加灵活。