bugfix (#24)

Author: indooorsman

lib/utils.js

@@ -40,23 +40,25 @@ const getAbsoluteUrl = (resolveDir, url) => {
  * @returns {string}
  */
 const buildInjectCode = (injectToSelector = 'head', css, digest, { urlFullPathMap }) => {
-  const placeholders = [];
+  const patchedPlaceholders = [];
   const imports = Object.keys(urlFullPathMap)
     .map((placeholder) => {
-      placeholders.push(placeholder);
-      return `import ${placeholder} from '${urlFullPathMap[placeholder]}';`;
+      // placeholder can start with number
+      patchedPlaceholders.push('__' + placeholder);
+      return `import __${placeholder} from '${urlFullPathMap[placeholder]}';`;
     })
     .join('\n');
   return `${imports}
 (function(){
   let css = \`${css}\`;
   ${
-    placeholders.length
+    patchedPlaceholders.length
       ? `
-  const placeholders = \`${placeholders.join(',')}\`.split(',');
-  const urls = [${placeholders.join(',')}];
+  const placeholders = \`${patchedPlaceholders.join(',')}\`.split(',');
+  const urls = [${patchedPlaceholders.join(',')}];
   placeholders.forEach(function(p, index) {
-    css = css.replace(new RegExp(\`"\${p}"\`, 'g'), urls[index]);
+    const originPlaceholder = p.replace(/^__/, '');
+    css = css.replace(new RegExp(\`"\${originPlaceholder}"\`, 'g'), urls[index]);
   });
   `
       : ''

package.json

@@ -1,6 +1,6 @@
 {
   "name": "esbuild-css-modules-plugin",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A esbuild plugin to bundle css modules into js(x)/ts(x).",
   "main": "index.js",
   "keywords": [