当然可以修改啦！用vue init webpack创建的Vue项目，调整打包后dist文件夹的生成位置其实很简单，主要是修改webpack相关的配置文件就行，下面给你详细说两种靠谱的修改方式：

• 修改config/index.js配置文件（适用于大多数传统webpack模板项目）
  在项目根目录下找到config/index.js文件，定位到build配置对象里的assetsRoot属性——默认值是path.resolve(__dirname, '../dist')，这就是控制dist文件夹位置的核心配置。
  你只需要把路径改成你想要的目标位置就行，比如想把打包文件放到项目根目录的output文件夹里，就改成：

  assetsRoot: path.resolve(__dirname, '../output')
  

  保存文件后再执行npm run build，打包后的文件就会乖乖生成在你指定的目录里了。

• 直接修改webpack生产环境配置文件（自定义程度更高的场景）
  如果你的项目对webpack配置做过自定义调整，可以直接修改config/webpack.prod.conf.js文件。找到里面的output配置项，把path属性的值替换成你想要的绝对路径，比如：

  output: {
    path: path.resolve(__dirname, '../my-custom-build'),
    // 其他诸如filename、chunkFilename的配置保持不变即可
  }
  

  这种方式更直接，适合需要更精细控制webpack输出的场景。

小提醒：修改路径时尽量使用绝对路径（借助path.resolve来生成），能避免相对路径带来的各种路径解析问题；如果是把输出目录放在项目外部，记得确保当前用户有该目录的读写权限哦。

内容的提问来源于stack exchange，提问作者PrestonDocks