Импорт файла CSS в виде строки для использования внутри <head>iframe - PullRequest
0 голосов
/ 26 апреля 2019

Я пытаюсь программно добавить таблицу стилей в раздел заголовка iframe в моем компоненте Vue.

Однако, когда я использую инструкцию import для ссылки на мою таблицу стилей, она становится частью скомпилированного пакета,(Из-за настроек веб-пакета) я не могу ссылаться на него как на переменную в своем коде, поэтому я не могу добавить его в iframe.

Я хочу изменить vue.config.js, чтобы он тестировалдля одного имени файла и позволяет мне импортировать этот файл в виде простой строки в моем коде.

Я пытался поэкспериментировать с добавлением нового загрузчика в vue.config.js, но я не могу его получитьработает.

Я импортирую файл CSS, и он возвращает {}, но я ожидаю, что он вернет простую строку.

1 Ответ

0 голосов
/ 07 июля 2019

Позже я обнаружил, что Webpack предоставляет raw-loader , что позволило мне просто импортировать файл в виде необработанного текстового файла, добавив путь к файлу с помощью '!! raw-loader!'.

Как это: import normalize from "!!raw-loader!@/assets/normalize.css"

...