Ser-Gen / postcss-data-packer

PostCSS plugin to move an embedded data to separate file
MIT License
20 stars 2 forks source link

вырезает со всего css закодированые background, background-image и т.д, но вставляет инфу в файл только до первого импорта #17

Open Georgiy-G opened 6 years ago

Georgiy-G commented 6 years ago

Конфиг вебпака

{
                test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        'css-loader',
                        {
                            loader: 'postcss-loader',
                            options: {
                                plugins: (loader) => [
                                    require('autoprefixer'),
                                    require('postcss-svg')(),
                                    require('postcss-data-packer')({
                                        dest: 'build/css/main_data.css'

                                    }),
                                ]
                            }
                        },
                        'less-loader',
                    ]
                })
            },

То есть проблема в том, что в файл main_data.css попадает инфа из первого модуля у которого есть background: url(data:image....). Если я комментирую его, то из следущего модуля

Georgiy-G commented 6 years ago

Хочу хотя бы увидеть корректную рабочую сборку на вебпаке, может что то не так делаю

Georgiy-G commented 6 years ago

Заметил такую строку (:206) fsExtra.outputFileSync(data.opts.to, data.css); Как я понял она каждый раз перезаписывать мои background-image. Наверное придеться переписать на свой плагин с использование fs.appendFileSync, так как мне нужно добавлять мои css-ки. Возможно я не прав?

Georgiy-G commented 6 years ago

Как я понял, по ходу в postcss-data-packer попадает less, а не скомпилированный css, Странно ведь less-loader должен был перекомлить в css...