Теги ссылок для CSS с использованием Webpack 4.41 - PullRequest
Новая
       83

Теги ссылок для CSS с использованием Webpack 4.41

0 голосов
/ 24 января 2020

Я создал базовое c приложение, используя Create React App. Я сталкивался с различными способами загрузки тегов ссылок в HTML во время просмотра по сети rnet.

. В настоящее время WebPack создает теги ссылок как: 

<link href="styles.css" rel="stylesheet">

Но я хочу ссылку теги, которые будут отображаться в другой форме, такой как: 

<link rel="preload" href="styles.css" as="style">
<noscript><link rel="stylesheet" href="styles.css"></noscript>

Есть ли способ, которым я могу достичь этого?

1 Ответ

0 голосов
/ 24 января 2020

Если вы построили проект с использованием create-react-app, то вы не найдете настраиваемый webpack.config.js (есть один, но он обрабатывается react-scripts).

Согласно Дану , они не позволяют настраивать плагины для минимизации потенциальных проблем.

Итак, если вы хотите добавить плагин в приложение реагирования, которое было загружено с create-react-app. Вам нужно будет запустить npm run eject, и это сделает все файлы конфигурации доступными для ручной настройки.

После того, как вы выбросили проект, вы можете предварительно загрузить ресурсы для Webpack с помощью preload-webpack-plugin. Подробности здесь

Basi c пример webpack.config.js: 

plugins: [
  new HtmlWebpackPlugin({
    title: 'My Cool App',
    template: './app/index.html'
  }),
  new PreloadWebpackPlugin()
]

Это должно автоматически предварительно загрузить ресурсы и зависимости для вас. Дополнительные сведения об использовании здесь

...