postcss-data-packer icon indicating copy to clipboard operation
postcss-data-packer copied to clipboard

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

Open Georgiy-G opened this issue 8 years ago • 3 comments

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

{
				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 avatar Oct 06 '17 15:10 Georgiy-G

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

Georgiy-G avatar Oct 06 '17 15:10 Georgiy-G

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

Georgiy-G avatar Oct 09 '17 08:10 Georgiy-G

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

Georgiy-G avatar Oct 10 '17 07:10 Georgiy-G