wip

package.json

@@ -104,6 +104,7 @@
     "@types/babel__traverse": "^7.0.7",
     "@types/cacache": "^12.0.1",
     "@types/compressible": "^2.0.0",
+    "@types/css-modules-loader-core": "^1.1.0",
     "@types/es-module-lexer": "^0.3.0",
     "@types/etag": "^1.8.0",
     "@types/http-proxy": "^1.17.4",

src/commands/build-util.ts

@@ -1,12 +1,12 @@
-import Core from 'css-modules-loader-core';
+import type Core from 'css-modules-loader-core';
 import type {EventEmitter} from 'events';
 import execa from 'execa';
-import path from 'path';
 import {statSync} from 'fs';
 import npmRunPath from 'npm-run-path';
+import path from 'path';
 import {
-  SnowpackConfig,
   BuildScript,
+  SnowpackConfig,
   SnowpackPluginBuildArgs,
   SnowpackPluginBuildResult,
 } from '../config';
@@ -53,6 +53,7 @@ export function wrapImportMeta({
   );
 }
 
+let _cssModulesLoader: Core;
 export async function wrapCssModuleResponse({
   url,
   code,
@@ -66,8 +67,8 @@ export async function wrapCssModuleResponse({
   hasHmr?: boolean;
   config: SnowpackConfig;
 }) {
-  let core = new Core();
-  const {injectableSource, exportTokens} = await core.load(code, url, () => {
+  const core: Core = _cssModulesLoader || new (await import('css-modules-loader-core')).default();
+  const {injectableSource, exportTokens} = await core.load(code, url, undefined, () => {
     throw new Error('Imports in CSS Modules are not yet supported.');
   });
   return `

src/commands/dev.ts

@@ -26,7 +26,6 @@
 
 import cacache from 'cacache';
 import chalk from 'chalk';
-import chokidar from 'chokidar';
 import isCompressible from 'compressible';
 import etag from 'etag';
 import {EventEmitter} from 'events';
@@ -874,6 +873,8 @@ export async function command(commandOptions: CommandOptions) {
     }
   }
 
+  const chokidar = (await import('chokidar')).default;
+
   // Watch src files
   async function onWatchEvent(fileLoc) {
     handleHmrUpdate(fileLoc);