add emitCss option

supports css sourcemaps

Author: cristinecula

index.js

@@ -1,6 +1,8 @@
 const { basename, extname } = require('path');
 const { compile } = require('svelte');
 const { getOptions } = require('loader-utils');
+const { appendFileSync } = require('fs');
+const { fileSync } = require('tmp');
 
 function sanitize(input) {
 	return basename(input)
@@ -25,10 +27,19 @@ module.exports = function(source, map) {
 	options.shared =
 		options.format === 'es' && require.resolve('svelte/shared.js');
 
+	if (options.emitCss) options.css = false;
+
 	if (!options.name) options.name = capitalize(sanitize(options.filename));
 
 	try {
-		let { code, map } = compile(source, options);
+		let { code, map, css, cssMap } = compile(source, options);
+
+		if (options.emitCss && css) {
+			const tmpobj = fileSync({ postfix: '.css' });
+			css += '\n/*# sourceMappingURL=' + cssMap.toUrl() + '*/';
+			appendFileSync(tmpobj.name, css);
+			code = code + `\nrequire('${tmpobj.name}');\n`;
+		}
 
 		this.callback(null, code, map);
 	} catch (err) {

package-lock.json

@@ -15,7 +15,8 @@
     "webpack-loader"
   ],
   "dependencies": {
-    "loader-utils": "^1.1.0"
+    "loader-utils": "^1.1.0",
+    "tmp": "0.0.31"
   },
   "devDependencies": {
     "chai": "^3.5.0",

package.json

@@ -225,6 +225,34 @@ describe('loader', () => {
 				)
 			);
 		});
+
+		describe('emitCss', function() {
+			it(
+				'should configure emitCss=false (default)',
+				testLoader(
+					'test/fixtures/css.html',
+					function(err, code, map) {
+						expect(err).not.to.exist;
+
+						expect(code).not.to.match(/require\('.+\.css'\);/);
+					},
+					{}
+				)
+			);
+
+			it(
+				'should configure emitCss=true',
+				testLoader(
+					'test/fixtures/css.html',
+					function(err, code, map) {
+						expect(err).not.to.exist;
+
+						expect(code).to.match(/require\('.+\.css'\);/);
+					},
+					{ emitCss: true }
+				)
+			);
+		});
 	});
 });