Подскажите плиз, проект на Vue, мне нужно импортировать css из файла в виде string, при этом чтобы код css обработался как при обычном импорте

конкретнее - как сделать такое?

// добавляем css в проект
require('./skin/dialog.css');

// а здесь нужен этот же самый css, но только в виде текста
const css = require('./skin/dialog.css');

{
          test: /\.(svg|png|jpg|gif)$/,
          use: {
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              outputPath: 'assets',
            },
          },
        },

почему не подгружает фото?

// добавляем css в проект
require('./skin/dialog.css');

// а здесь нужен этот же самый css, но только в виде текста
const css = require('./skin/dialog.css');

.toString()?

при require css возвращается пустой объект 😭

А import?

import st from ''

то же самое

Скрин сделай

кода

Это файл проходит через babel в сборке?

Подскажите,где глянуть почему не подгружаются картинки?

В сборке они появляются?

да, это проект vue.
я не пойму, как устроены эти лоадеры, как их можно перезаписать, я пока что тупо не могу найти даже где они прописаны, всё перекопал.

только что нагуглил, типа если поставить восклицательный знак в начале, тогда лоадеры типа все сбросятся установленные.

вот теперь работает вот так, через toString() показывает код норм

const x1 = require('!css-loader!./skin/editor.css');

Но вот проблема, мне нужно получить именно ту самую строку, которая собиратеся уже установленными лоадерами, с минификацией, подгрузкой файлов и прочим, чтобы css в проекте и в переменной были идентичны

{
          test: /\.(gif|png|jpe?g|svg)$/i,
          use: [
            {
              loader: 'file-loader',
              options: {
                name: '[name].[ext]',
                outputPath: 'img/',
              },
            },
            {
              loader: 'image-webpack-loader',
              options: {
                bypassOnDebug: true,
              },
            },
          ],
        },

import logo from '../assets/medialogo.png'
говорит,что такого файла нет
короче не видит его

const x1 = require('!css-loader!./skin/editor.css');

Ну ты ведь так отменяешь прогон через лоадер

{
          test: /\.(gif|png|jpe?g|svg)$/i,
          use: [
            {
              loader: 'file-loader',
              options: {
                name: '[name].[ext]',
                outputPath: 'img/',
              },
            },
            {
              loader: 'image-webpack-loader',
              options: {
                bypassOnDebug: true,
              },
            },
          ],
        },

Путь верный?

да