webpack encore

webpack encore Настройка пседонима пути для файлов javascript

В Symfony 4.3 можно использовать вызов (webpack.config.js):

Encore
    .addAliases({ // псевдонимы путей для более удобной загрузки 
// вне зависимости от уровня вложенности файл в приложении
        '@universal': path.resolve(__dirname, 'assets/js/react/components/universal'),
      },
    );

После чего вместо путей типа:

import FormSection from '../../../universal/form/FormSection'

использовать:

react Warning: Invalid DOM property class Как разрешить обычные html атрибуты

Warning: Invalid DOM property class

Известно что вместо напр. class в React надо писать className,
подобные проблемы можно убрать используя babel-plugin-react-html-attrs

Стандартная установка идет так:

webpack dev server Invalid Host/Origin header Ошбика, как решить

Запускайте дев-сервер с опцией --host (можно добавить её в команду из package.json), например:

--host mysite.loc

в качестве адреса можно указать тот, на котором работает ваша страница, которую и требуется перезагружать при обновлении js.

Подробнее об опции: https://webpack.js.org/configuration/dev...

Webpack Encore

То же самое в symfony 4 можно решить модификации package.json, в моем случае, я использовал формат:

symfony webpack encore Установка и работа через npm (без yarn)

По сути encore является дополнением (оберткой) к Webpack, поэтому многие его команды тоже являются надстройками/упаковками над близкими по смыслу возможностями webpack-а.

Установка

Сначала ставим обычным образом энкор:

composer require encore

Потом подтягиваем зависимости с помощью npm:

Subscribe to RSS - webpack encore