risingdamdev
diff --git a/‎lib/style-rewriter.js
Copy file name to clipboardExpand all lines: lib/style-rewriter.js
+12-2Lines changed: 12 additions & 2 deletions b/‎lib/style-rewriter.js
Copy file name to clipboardExpand all lines: lib/style-rewriter.js
+12-2Lines changed: 12 additions & 2 deletions
diff --git a/‎test/fixtures/media-query.js
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎test/fixtures/media-query.js
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎test/fixtures/media-query.vue
Copy file name to clipboard
+7Lines changed: 7 additions & 0 deletions b/‎test/fixtures/media-query.vue
Copy file name to clipboard
+7Lines changed: 7 additions & 0 deletions
diff --git a/‎test/test.js
Copy file name to clipboardExpand all lines: test/test.js
+11Lines changed: 11 additions & 0 deletions b/‎test/test.js
Copy file name to clipboardExpand all lines: test/test.js
+11Lines changed: 11 additions & 0 deletions
@@ -6,7 +6,14 @@ var loaderUtils = require('loader-utils')
 var currentId
 var addId = postcss.plugin('add-id', function () {
   return function (root) {
-    root.each(function (node) {
+    root.each(function rewriteSelector (node) {
+      if (!node.selector) {
+        // handle media queries
+        if (node.type === 'atrule' && node.name === 'media') {
+          node.each(rewriteSelector)
+        }
+        return
+      }
       node.selector = selectorParser(function (selectors) {
         selectors.each(function (selector) {
           var node = null
@@ -46,5 +53,8 @@ module.exports = function (css) {
     .then(function (result) {
       cb(null, result)
     })
-    .catch(cb)
+    .catch(function (e) {
+      console.log(e)
+      cb(e)
+    })
 }
@@ -0,0 +1 @@
+window.testModule = require('./media-query.vue')
@@ -0,0 +1,7 @@
+<style scoped>
+@media print {
+  .foo {
+    color: #000;
+  }
+}
+</style>
@@ -159,4 +159,15 @@ describe('vue-loader', function () {
     })
   })
 
+  it('media-query', function (done) {
+    test({
+      entry: './test/fixtures/media-query.js'
+    }, function (window) {
+      var style = window.document.querySelector('style').textContent
+      var id = '_v-' + hash(require.resolve('./fixtures/media-query.vue'))
+      expect(style).to.contain('@media print {\n  .foo[' + id + '] {\n    color: #000;\n  }\n}')
+      done()
+    })
+  })
+
 })
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+window.testModule = require('./media-query.vue')`