fix: sass handling

packages/webpack5/src/configuration/base.ts

@@ -165,8 +165,8 @@ export default function (config: Config, env: IWebpackEnv): Config {
 		.use('css2json-loader')
 		.loader('css2json-loader')
 		.end()
-		.use('scss-loader')
-		.loader('scss-loader');
+		.use('sass-loader')
+		.loader('sass-loader');
 
 	// items to clean
 	config.plugin('CleanWebpackPlugin').use(CleanWebpackPlugin, [

packages/webpack5/src/plugins/WatchStatePlugin.ts

@@ -1,4 +1,4 @@
-const id = 'WatchStateLoggerPlugin';
+const id = 'WatchStatePlugin';
 const version = 1;
 
 export enum messages {
@@ -14,7 +14,7 @@ export enum messages {
 export class WatchStatePlugin {
 	isRunningWatching: boolean;
 
-	apply(compiler) {
+	apply(compiler: any) {
 		let isWatchMode = false;
 		let prevAssets = [];
 
@@ -32,6 +32,7 @@ export class WatchStatePlugin {
 				isWatchMode ? messages.startWatching : messages.compilationComplete
 			);
 
+			// logic taken from CleanWebpackPlugin
 			const assets =
 				compilation.getStats().toJson(
 					{
@@ -40,6 +41,7 @@ export class WatchStatePlugin {
 					true
 				).assets || [];
 			const assetList = assets.map((asset) => asset.name);
+
 			const emittedAssets = Array.from(compilation.emittedAssets);
 			const staleAssets = prevAssets.filter((asset) => {
 				return assetList.includes(asset) === false;