Vue 2中如何添加文件至public文件夹？及部署_redirects到_dist根目录

解决方案：使用copy-webpack-plugin复制文件 #

由于项目无public文件夹，无法通过默认机制将根目录的_redirects打包到dist根目录，可按以下步骤实现：

1. 安装兼容版本的插件
   Vue 2对应Webpack版本较低，需安装适配的插件版本：

npm install copy-webpack-plugin@5 --save-dev

2. 修改config/index.js配置

• 在文件顶部引入插件：

const CopyWebpackPlugin = require('copy-webpack-plugin')

• 在build配置中添加plugins字段（若已有则追加配置）：

build: {
    // 保留原有的所有配置项...

    // 新增插件配置，复制_redirects到dist根目录
    plugins: [
      new CopyWebpackPlugin([
        {
          from: path.resolve(__dirname, '../_redirects'),
          to: path.resolve(__dirname, '../dist'),
          flatten: true
        }
      ])
    ]
  }

3. 放置_redirects文件
   将Netlify所需的_redirects文件直接放在项目根目录下，执行npm run build后，该文件会自动复制到dist根目录中。

参数说明 #

• from：指定要复制的源文件路径（项目根目录的_redirects）
• to：指定目标目录（dist根目录）
• flatten：仅复制文件本身，不保留源目录结构

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