Как добавить общедоступную папку в конфигурацию веб-пакета реакции-шаблона?

Question

Я настраиваю новое веб-приложение, использующее реагирование и его шаблон реактор-образец . Теперь я хочу добавить общую папку в корне, которая содержит index.html, а также файлы robot.txt .htaccess и некоторые внешние библиотеки js. Может кто-нибудь, пожалуйста, помогите мне отредактировать файлы конфигурации веб-пакета, чтобы он вел себя так.

Заранее спасибо

Answer 1

Вы можете использовать copy-webpack-plugin для копирования файлов из общей папки в папку сборки. Сделайте следующие шаги, чтобы все заработало:

1. Установить copy-webpack-plugin :

npm i copy-webpack-plugin --save-dev

2. Отредактируйте ваш webpack.base.babel.js в / internals / webpack:

const path = require('path');
const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin'); <-- import plugin

module.exports = options => ({
    ...
    plugins: options.plugins.concat([
        ...
        new CopyWebpackPlugin([ <-- add plugin 
            {
                from: 'public',
            },
        ]),
  ]),

3. Теперь вы можете создать папку public в исходном корне, и все файлы из этой папки будут скопированы в папку build.

Внимание! У вас уже есть index.html, который сгенерирован из шаблона /app/index.html с помощью HtmlWebpackPlugin. Если вы создали index.html в папке public, он может переопределить созданный.