post css -sv go: ошибка при разборе SVG: значение атрибута без кавычек

Question

Я борюсь с версией 3 веб-пакета. Когда я пытаюсь запустить веб-пакет в производственном режиме, я получаю эту ошибку

Error processing file: assets/css/style.css
(node:5388) UnhandledPromiseRejectionWarning: Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 12
Char: \
    at promises.push.getSvgo.optimize.then.catch.error (project\node_modules\cssnano-preset-default\node_modules\postcss-svgo\dist\index.js:95:19)

У меня есть этот код в разделе модуля веб-пакета

    module: {
        rules: [
          {
...
            {
                test: /\.svg/,
                use: [
                    { loader: 'file-loader' },
                    { loader: 'svgo-loader' },
                    { loader: 'xml-fix-loader' }
                ]
            },
            {
                test: /\.(sass|scss)$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [require.resolve('css-loader'), require.resolve('sass-loader')],
                })
            },
...
        ]
      },

Пожалуйста, помогите решить эту проблему.

Answer 1

Есть способ обойти эту проблему. Попробуйте использовать csso вместо cssnano .

1) Установка:

npm i --save-dev gulp-csso

2) Включите:

var csso = require('gulp-csso');

вместо

var cssnano = require('gulp-cssnano');

3) Пример использования:

gulp.src(styles)
    // .pipe(sass())
    // .pipe(concatcss('styles.min.css'))
    // ...
    .pipe(csso()) // <=====