Как свести к минимуму веб-пакет для загрузки строки CSS?

Question

Я использую это решение: https://stackoverflow.com/a/45452306/417620. Это прекрасно работает, но возвращаемое содержимое CSS имеет комментарии и не минимизируется.

module: [
    rules: [
      {
        test: /\.css$/,
        use: ['to-string-loader', 'css-loader']
      }
    ]
  }

Я использую веб-пакет 4.Я пытался использовать несколько разных загрузчиков, но они, похоже, больше не работают с webpack 4 или работают только при экспорте CSS в файл.Есть ли способ удалить комментарии CSS и минимизировать возвращаемый CSS?

Вот js, который возвращает CSS в виде строки.import myCss from './myCss.css';

Answer 1

Мне удалось решить проблему с помощью postcss-loader.

 module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          "to-string-loader",
          "postcss-loader",
        ],
      },
    ],
  },

Ссылка https://webpack.js.org/loaders/postcss-loader/

Answer 2

Вам нужно задать для параметра css-loader значение свёртки true

module: [
    rules: [
        {
          test: /\.css$/,
          use: [
            {
              loader: "to-string-loader",
            },
            {
              loader: "css-loader",
              options: { minimize: true },
            },
          ],
       }
    ]
  }

to-string-loader поможет преобразовать его в строку.Минификация позаботится о css-loader.

Надеюсь, это поможет.Возврат для любых сомнений.