vuejs
diff --git a/‎lib/codegen/styleInjection.js
Copy file name to clipboardExpand all lines: lib/codegen/styleInjection.js
+1Lines changed: 1 addition & 0 deletions b/‎lib/codegen/styleInjection.js
Copy file name to clipboardExpand all lines: lib/codegen/styleInjection.js
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎test/fixtures/css-modules-extend.vue
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions b/‎test/fixtures/css-modules-extend.vue
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions
diff --git a/‎test/style.spec.js
Copy file name to clipboardExpand all lines: test/style.spec.js
+40Lines changed: 40 additions & 0 deletions b/‎test/style.spec.js
Copy file name to clipboardExpand all lines: test/style.spec.js
+40Lines changed: 40 additions & 0 deletions
@@ -48,6 +48,7 @@ module.exports = function genStyleInjectionCode (
       styleInjectionCode += `
         cssModules[${name}] = ${locals}
         Object.defineProperty(this, ${name}, {
+          configurable: true,
           get: function () {
             return cssModules[${name}]
           }
 
@@ -0,0 +1,17 @@
+<style module>
+.red {
+  color: #FF0000;
+}
+</style>
+
+<script>
+import CssModuleSimple from './css-modules-simple.vue'
+
+export default {
+  extends: CssModuleSimple
+}
+</script>
+
+<template>
+  <div :class="$style.red"></div>
+</template>
@@ -182,3 +182,43 @@ test('CSS Modules', async () => {
     /css-modules---red---\w{5}/
   )
 })
+
+test('CSS Modules Extend', async () => {
+  return new Promise((resolve, reject) => {
+    const baseLoaders = [
+      'vue-style-loader',
+      {
+        loader: 'css-loader',
+        options: {
+          modules: true
+        }
+      }
+    ]
+    mockBundleAndRun({
+      entry: 'css-modules-extend.vue',
+      modify: config => {
+        config.module.rules = [
+          {
+            test: /\.vue$/,
+            loader: 'vue-loader'
+          },
+          {
+            test: /\.css$/,
+            use: baseLoaders
+          }
+        ]
+      }
+    }, ({ window, module, instance, jsdomError, bundleError }) => {
+      if (jsdomError) return reject(jsdomError)
+      if (bundleError) return reject(bundleError)
+
+      const vnode = mockRender(module)
+      expect(vnode.data.class).toBe(instance.$style.red)
+
+      const style = window.document.querySelectorAll('style')[1].textContent
+      expect(style).toContain(`.${instance.$style.red} {\n  color: #FF0000;\n}`)
+
+      resolve()
+    })
+  })
+})
Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,7 @@ module.exports = function genStyleInjectionCode (`
`48`	`48`	styleInjectionCode += `
`49`	`49`	`cssModules[${name}] = ${locals}`
`50`	`50`	`Object.defineProperty(this, ${name}, {`
	`51`	`+ configurable: true,`
`51`	`52`	`get: function () {`
`52`	`53`	`return cssModules[${name}]`
`53`	`54`	`}`