vue cli3.x打包后如何修改生成的静态资源的目录和路径

要修改Vue Cli 3.x生成的静态资源的目录和路径，步骤如下：

1. 打开 vue.config.js 文件，如果没有该文件则需要手动创建，该文件需要放在项目根目录下。

2. 在该文件中添加如下代码：

module.exports = {
  publicPath: './your-path/'
}

其中，publicPath 表示静态资源的目录和路径，./your-path/ 为你想要设置的目录和路径，例如，如果希望将静态资源放在根目录下，则可以设置为 ./。

1. 在终端中输入以下命令重新打包项目，以应用修改后的配置：

npm run build

以下为两个示例：

1. 将静态资源放在根目录下。

首先创建 vue.config.js 文件，并在其中添加以下代码：

module.exports = {
  publicPath: './'
}

然后在终端中输入以下命令重新打包项目：

npm run build

1. 将静态资源放在 /dist/ 目录下。

首先创建 vue.config.js 文件，并在其中添加以下代码：

module.exports = {
  publicPath: './dist/'
}

然后在终端中输入以下命令重新打包项目：

npm run build

以上就是Vue Cli 3.x打包后如何修改生成的静态资源的目录和路径的完整攻略，希望对你有所帮助。