Как правильно упаковать loadCSS и cssrelpreload с помощью webpack 2?

Question

Я пытаюсь упаковать filamentgroup/loadCSS с помощью webpack 2, но я не могу этого сделать. Я хотел бы получить cssrelpreload.js, выполненный в браузере, поэтому он предварительно загружает файлы CSS для браузеров, которые не поддерживают rel="preload".

Я попытался с помощью imports-loader и exports-loader иметь window.loadCSS доступные для cssrelpreload.js, но я не могу настроить его правильно.

Я смог получить window, доступный для loadCSS.js, но это не помогает получить cssrelpreload.js, выполненный правильно.

Как мне настроить веб-пакет, чтобы получить эту упаковку правильно?

Answer 1

Попробуйте следующий код

import { loadCSS } from 'fg-loadcss'; 
loadCSS('style.css'); 

Answer 2

Это работает для меня:

import cssrelpreload from 'fg-loadcss/src/cssrelpreload.js'; // eslint-disable-line no-unused-vars

Я добавил eslint-disable-line, потому что мы не используем этот импортный вар.