support scoped

Author: gxlmyacc

README.md

@@ -49,7 +49,7 @@ to support that output directory structure, your webpack config maybe like this:
 
 ```js
 {
-  test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, 
+  test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/,
   use: [{ loader: 'file-loader', options: { publicPath: '../', name: 'images/[name].[ext]?[hash]' }]
 }
 ```
@@ -70,7 +70,7 @@ your webpack config can be like this:
 
 ```js
 {
-  test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, 
+  test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/,
   use: [{ loader: 'vue-asset-loader', options: { publicPath: '', publicStylePath: '../', name: 'images/[name].[ext]?[hash]' }]
 }
 ```

index.js

@@ -5,14 +5,15 @@ function handlePath (path, url) {
   else if (path.endsWith('/')) return path + url;
   else return path + '/' + url;
 }
-let originPublicPath = undefined;
+var originPublicPath = undefined;
+var REGX = /(?:\=|\.)(?:scss|sass|less|styl|stylus|css)(?:&scoped=true)?&?$/;
 module.exports = function loader () {
-  let options = loaderUtils.getOptions(this) || {};
+  var options = loaderUtils.getOptions(this) || {};
   if (options.publicStylePath) {
     if (originPublicPath === undefined) originPublicPath = options.publicPath;
-    let _query = this._compilation.name;
+    var _query = this._compilation.name;
     options.publicPath = function (url) {
-      if (_query && /(?:\=|\.)(?:scss|less|styl|stylus|css)&?$/.test(_query)) return handlePath(options.publicStylePath, url);
+      if (_query && REGX.test(_query)) return handlePath(options.publicStylePath, url);
       else return handlePath(originPublicPath, url);
     };
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-asset-loader",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "a file-loader for Vue solve the image relative path issues when HTML and CSS not in the same directory",
   "main": "index.js",
   "scripts": {