preact watch build hangs with CLI v3.0.0-rc.10

[SolarLiner]

This is due to the ImageminPlugin, which I think waits for images to be available in the build directory to optimize them. However with the watch command, no build dir is created, which makes the plugin indefinitely wait for files that will never arrive.

The solution is to only push the plugin into the webpack config in build mode.

A small, related detail with the plugin is that it's being hardcoded to looking inside build which may not be what the user set (depends on the --dest option).

[prateekbh]

are you using the netlify plugin or are building a blog with netlify CMS?

[SolarLiner]

Blog with Netlify CMS - the project was generated from their "one-click deploy" button on the docs

[prateekbh]

A small, related detail with the plugin is that it's being hardcoded to looking inside build which may not be what the user set (depends on the --dest option).

This is a great catch.

Immediate fix: in your preact.config.js

module.exports = (config, env) => {
	const { production, ssr } = env;
	netlifyPlugin(config);
	production && !ssr && config.plugins.push(new ImageminPlugin({
		from: './build/assets/**',
		pngquant: {
			quality: '60'
		},
		plugins: [
			imageminMozjpeg({
				quality: 50,
				progressive: true
			})
		]
	}));
}