diff --git a/example/webpack/App.svelte b/example/webpack/App.svelte
index fb35269..6265389 100644
--- a/example/webpack/App.svelte
+++ b/example/webpack/App.svelte
@@ -1,5 +1,5 @@
 <script>
-  import Time from './Time.svelte';
+  import Time from './components/Time.svelte';
 </script>
 
 <style>
diff --git a/example/webpack/Time.svelte b/example/webpack/components/Time.svelte
similarity index 100%
rename from example/webpack/Time.svelte
rename to example/webpack/components/Time.svelte
diff --git a/example/webpack/webpack.config.js b/example/webpack/webpack.config.js
index 4d0413f..6e4e97f 100644
--- a/example/webpack/webpack.config.js
+++ b/example/webpack/webpack.config.js
@@ -21,7 +21,7 @@ module.exports = {
             options: {
               preprocess: [
                 cssModules({
-                  includePaths: ['./']
+                  includePaths: ['./'],
                 })
               ],
               emitCss: false
diff --git a/index.js b/index.js
index 814ecb5..ab01e81 100644
--- a/index.js
+++ b/index.js
@@ -4,7 +4,8 @@ const { interpolateName } = require('loader-utils');
 
 const pluginOptions = {
   includePaths: [],
-  localIdentName: '[local]-[hash:base64:6]'
+  localIdentName: '[local]-[hash:base64:6]',
+  getLocalIdent: getLocalIdent,
 };
 
 const regex = {
@@ -18,14 +19,17 @@ const regex = {
 
 let moduleClasses = {};
 
+function getLocalIdent(context, localIdentName, localName, options) {
+  return localIdentName.interpolatedName;
+}
+
 function generateName(resourcePath, styles, className) {
   const filePath = resourcePath;
-  const fileName = path.basename(filePath);
   const localName = pluginOptions.localIdentName.length
     ? pluginOptions.localIdentName.replace(/\[local\]/gi, () => className)
     : className;
 
-  const content = `${styles}-${filePath}-${fileName}-${className}`;
+  const content = `${styles}-${filePath}-${className}`;
 
   let interpolatedName = cssesc(
     interpolateName({ resourcePath }, localName, { content })
@@ -77,8 +81,25 @@ const markup = async ({ content, filename }) => {
           styles[0],
           className
         );
-        moduleClasses[filename][className] = interpolatedName;
-        replacement = interpolatedName;
+
+        const customInterpolatedName = pluginOptions.getLocalIdent(
+          {
+            context: path.dirname(filename),
+            resourcePath :filename,
+          },
+          {
+            interpolatedName,
+            template: pluginOptions.localIdentName,
+          },
+          className,
+          {
+            markup: code,
+            style: styles[0],
+          }
+        );
+
+        moduleClasses[filename][className] = customInterpolatedName;
+        replacement = customInterpolatedName;
       }
     }
     return replacement;
diff --git a/package-lock.json b/package-lock.json
index 30e5164..4356f40 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-preprocess-cssmodules",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/test/compiler.js b/test/compiler.js
index acad79a..9a6bc27 100644
--- a/test/compiler.js
+++ b/test/compiler.js
@@ -1,13 +1,11 @@
 const svelte = require('svelte/compiler');
 const cssModules = require('../index.js');
 
-module.exports = async ({ source, localIdentName }) => {
- const { code } = await svelte.preprocess(
+module.exports = async ({ source }, options) => {
+  const { code } = await svelte.preprocess(
     source,
     [
-      cssModules({
-        localIdentName,
-      })
+      cssModules(options)
     ],
     { filename : 'src/App.svelte' }
   );
diff --git a/test/getlocalident.test.js b/test/getlocalident.test.js
new file mode 100644
index 0000000..56cc895
--- /dev/null
+++ b/test/getlocalident.test.js
@@ -0,0 +1,16 @@
+const compiler = require('./compiler.js');
+
+const source = '<style>.red { color: red; }</style>\n<span class="$style.red">Red</span>';
+
+test('Customize generated classname from getLocalIdent', async () => {
+  const output = await compiler({
+    source,
+  }, {
+    localIdentName: '[local]-123456MC',
+    getLocalIdent: (context, { interpolatedName }) => {
+      return interpolatedName.toLowerCase();
+    }
+  });
+
+  expect(output).toBe('<style>:global(.red-123456mc) { color: red; }</style>\n<span class="red-123456mc">Red</span>');
+});
\ No newline at end of file
diff --git a/test/path.test.js b/test/path.test.js
index 2d63f6d..b7edb4a 100644
--- a/test/path.test.js
+++ b/test/path.test.js
@@ -6,6 +6,7 @@ const sourceReactiveClass = '<style>.red { color: red; }</style>\n<span class:$.
 test('Replace path on regular class', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '[path][name]__[local]',
   });
 
@@ -15,6 +16,7 @@ test('Replace path on regular class', async () => {
 test('Replace path on reactive class', async () => {
   const output = await compiler({
     source: sourceReactiveClass,
+  }, {
     localIdentName: '[path][name]__[local]',
   });
 
diff --git a/test/remove.test.js b/test/remove.test.js
index cd2de6e..1631bf8 100644
--- a/test/remove.test.js
+++ b/test/remove.test.js
@@ -7,6 +7,7 @@ const expectedOutput = '<style>.red { color: red; }</style>\n<span class="">Blue
 test('Remove unused CSS Modules from HTML attribute', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '[local]-123456',
   });
 
@@ -15,6 +16,7 @@ test('Remove unused CSS Modules from HTML attribute', async () => {
 test('[Shorthand] Remove unused CSS Modules from HTML attribute', async () => {
   const output = await compiler({
     source: sourceShorthand,
+  }, {
     localIdentName: '[local]-123456',
   });
 
diff --git a/test/replace.test.js b/test/replace.test.js
index 220b21d..48da01c 100644
--- a/test/replace.test.js
+++ b/test/replace.test.js
@@ -6,6 +6,7 @@ const sourceShorthand = '<style>.red { color: red; }</style>\n<span class="$.red
 test('Generate CSS Modules from HTML attributes, Replace CSS className', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '[local]-123456',
   });
 
@@ -14,6 +15,7 @@ test('Generate CSS Modules from HTML attributes, Replace CSS className', async (
 test('[Shorthand] Generate CSS Modules from HTML attributes, Replace CSS className', async () => {
   const output = await compiler({
     source: sourceShorthand,
+  }, {
     localIdentName: '[local]-123456',
   });
 
@@ -23,6 +25,7 @@ test('[Shorthand] Generate CSS Modules from HTML attributes, Replace CSS classNa
 test('Avoid generated class to start with a non character', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '1[local]',
   });
   expect(output).toBe('<style>:global(._1red) { color: red; }</style>\n<span class="_1red">Red</span>');
@@ -30,6 +33,7 @@ test('Avoid generated class to start with a non character', async () => {
 test('[Shorthand] Avoid generated class to start with a non character', async () => {
   const output = await compiler({
     source: sourceShorthand,
+  }, {
     localIdentName: '1[local]',
   });
   expect(output).toBe('<style>:global(._1red) { color: red; }</style>\n<span class="_1red">Red</span>');
@@ -38,6 +42,7 @@ test('[Shorthand] Avoid generated class to start with a non character', async ()
 test('Avoid generated class to end with a hyphen', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '[local]-',
   });
   expect(output).toBe('<style>:global(.red) { color: red; }</style>\n<span class="red">Red</span>');
@@ -45,6 +50,7 @@ test('Avoid generated class to end with a hyphen', async () => {
 test('[Shorthand] Avoid generated class to end with a hyphen', async () => {
   const output = await compiler({
     source: sourceShorthand,
+  }, {
     localIdentName: '[local]-',
   });
   expect(output).toBe('<style>:global(.red) { color: red; }</style>\n<span class="red">Red</span>');
diff --git a/test/target.test.js b/test/target.test.js
index 5823672..88cb4d0 100644
--- a/test/target.test.js
+++ b/test/target.test.js
@@ -33,6 +33,7 @@ const expectedOutput =
 test('Target proper className from lookalike classNames', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '[local]-123',
   });
 
@@ -42,6 +43,7 @@ test('Target proper className from lookalike classNames', async () => {
 test('[Shorthand] Target proper className from lookalike classNames', async () => {
   const output = await compiler({
     source: sourceShorthand,
+  }, {
     localIdentName: '[local]-123',
   });
 
diff --git a/test/toggle.test.js b/test/toggle.test.js
index 76efd9d..62e174c 100644
--- a/test/toggle.test.js
+++ b/test/toggle.test.js
@@ -23,6 +23,7 @@ const expectedOutput =
 test('Generate CSS Modules className on class binding', async () => {
   const output = await compiler({
     source,
+  }, {
     localIdentName: '[local]-123456',
   });
 
@@ -32,6 +33,7 @@ test('Generate CSS Modules className on class binding', async () => {
 test('[Shorthand] Generate CSS Modules className on class binding', async () => {
   const output = await compiler({
     source: sourceShorthand,
+  }, {
     localIdentName: '[local]-123456',
   });