Любой способ генерировать <link>'ed вместо встроенных таблиц стилей из Webpack? - PullRequest
Новая
       46

Любой способ генерировать <link>'ed вместо встроенных таблиц стилей из Webpack?

0 голосов
/ 02 мая 2018

Если у меня есть следующий код в проекте веб-пакета с css-loader и style-loader плагинами: 

import 'index.css'

Генерирует встроенный стиль в теге <style>. Есть ли способ использовать функцию кэширования браузера, если вместо этого он генерирует <link rel="stylesheet" href="index.css">? Я знаю, что могу поместить файлы CSS в общую папку, но тогда это не будет в конвейере сборки Webpack. Есть ли какой-нибудь существующий плагин загрузчика CSS, который делает это? Или есть веские аргументы для того, чтобы вообще отказаться от этого подхода (часто не помещая их в документ <head>)?

1 Ответ

0 голосов
/ 03 мая 2018

Нет аргументов против этого. Я бы даже сказал, что это более распространено, чем оставлять CSS в кусках. Но вам нужно использовать плагин для этого.

До недавнего времени здесь был extract-text-webpack-plugin , но теперь, если вы используете webpack 4, я бы предложил mini-css-extract-plugin .

Возможно, вы захотите отключить это для локального развития. Это мешает HMR.

...