Я использую Webpack 4.x с FontAwesome 5 Pro и clean-webpack-plugin
для очистки каталога dist при каждой сборке.
Проблема, с которой я сталкиваюсь, заключается в том, что файлы веб-шрифтов (такие как * woff и т. Д.) Отсутствуют после первого запуска Webpack.
Вот как это выглядит:
запуск Webpack в режиме разработки с включенным watch
все файлы css, js и font помещены в dist
с хэшированными именами, я также вижу там * woff файлы
Я делаю любые изменения в любом из моих просматриваемых файлов js или css, чтобы вызвать просмотр веб-пакетов
clean-webpack-plugin
запускает и очищает каталог dist
Webpack строит все заново, помещая все мои файлы js / css и Font Awesome css js в dist
, но не в файлы шрифтов, поэтому все файлы *woff
полностью отсутствуют.
Мой шрифт Удивительный импорт выглядит так
import '@fortawesome/fontawesome-pro/css/all.css';
all.css
содержит ссылки на все файлы веб-шрифтов, так почему же Webpack не включает их в сборку?