有没有办法将自定义文件添加到我的 VueJS 构建输出中

Question

我认为主题标题是不言自明的，但我想具体说明我的用例。

我需要一种将自定义构建文件添加到我的 VueJS 构建输出的方法。

原因： 好吧，我正在构建一个 SPA 应用程序，并且我正在使用 Netlify 作为我的托管服务。为了让我在模式历史记录中使用 Vue-router，我需要一个适当的服务器设置来将所有路由重定向到 /index.html 路由。 为了在 Netlify 中这样做，我需要在我的构建输出目录中添加一个 _redirects 文件。 Source.

注意： 我知道我可以在每次构建后手动执行此操作，但我需要自动化该过程，因为我在 Netlify 中使用构建命令可以获取我的客户端应用程序的源代码并将其转换为静态构建目录。

任何帮助将不胜感激。

Answer 1

您可以为此使用copy-webpack-plugin。

const CopyPlugin = require('copy-webpack-plugin');

plugins: [

    ...

    new CopyPlugin({
        patterns: [
            { 
                from: '/path/to/_redirects.file', 
                to: '/path/to/destination' 
            },
        ],
    }),

    ...

],