Блог

Я считаю, что название темы говорит само за себя, но я хочу указать свой вариант использования.

Мне нужен способ добавить пользовательский файл сборки в мой вывод сборки VueJS.

Почему: Ну, я создаю приложение SPA и использую Netlify в качестве службы хостинга. И для того, чтобы я мог использовать Vue-router в истории режимов, мне нужна правильная настройка сервера для перенаправления всех маршрутов на /index.html маршрут. И для этого в Netlify мне нужно добавить _redirects файл в мой каталог вывода сборки. Источник.

Примечание: я знаю, что могу делать это вручную после каждой сборки, но мне нужно автоматизировать процесс, поскольку я использую команду сборки в Netlify, которая может использовать исходный код моего клиентского приложения и превращает его в статический каталог сборки.

Любая помощь будет оценена.

Для этого вы можете использовать copy-webpack-plugin.

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

plugins: [

    ...

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

    ...

],