Merge pull request #462 from sveltejs/overwrite-css-placeholders

ensure CSS placeholders are overwritten
sveltejs · Oct 2, 2018 · 472c0c1 · 472c0c1
2 parents e2d325e + 02256ae
commit 472c0c1
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/core/create_compilers/extract_css.ts b/src/core/create_compilers/extract_css.ts
@@ -205,11 +205,15 @@ export default function extract_css(client_result: CompileResult, components: Pa
 		result.chunks[component.file] = files;
 	});
 
-	const replaced = entry.replace(/["']__SAPPER_CSS_PLACEHOLDER:(.+?)__["']/g, (m, route) => {
-		return JSON.stringify(replacements.get(route));
-	});
+	fs.readdirSync(`${dirs.dest}/client`).forEach(file => {
+		const source = fs.readFileSync(`${dirs.dest}/client/${file}`, 'utf-8');
+
+		const replaced = source.replace(/["']__SAPPER_CSS_PLACEHOLDER:(.+?)__["']/g, (m, route) => {
+			return JSON.stringify(replacements.get(route));
+		});
 
-	fs.writeFileSync(`${dirs.dest}/client/${main}`, replaced);
+		fs.writeFileSync(`${dirs.dest}/client/${file}`, replaced);
+	});
 
 	const leftover = get_css_from_modules(Array.from(unaccounted_for));
 	if (leftover) {