firt commit

Author: gxlmyacc

.gitignore

@@ -0,0 +1,6 @@
+*.iml
+.DS_Store
+.idea/
+node_modules/
+npm-debug.log*
+.vscode/

README.md

@@ -1 +1,4 @@
 "# vue-file-loader" 
+
+this is a file-loader wrapper for Vue and Webpack, solve the image relative path issues when HTML and CSS are not in the same directory.
+

index.js

@@ -0,0 +1,22 @@
+var loaderUtils = require('loader-utils');
+function handlePath (path, url) {
+  if (!path) return url;
+  if (typeof path === 'function') return path(url);
+  else if (path.endsWith('/')) return path + url;
+  else return path + '/' + url;
+}
+let originPublicPath = undefined;
+module.exports = function loader (content) {
+  let options = loaderUtils.getOptions(this) || {};
+  if (options.publicStylePath) {
+    if (originPublicPath === undefined) originPublicPath = options.publicPath;
+    let _query = this._compilation.name;
+    options.publicPath = function (url) {
+      if (_query && /(?:\=|\.)(?:scss|css)$/.test(_query)) return handlePath(options.publicStylePath, url);
+      else return handlePath(originPublicPath, url);
+    };
+  }
+
+  const fileLoader = require('file-loader');
+  return fileLoader.call(this, content);
+};

package.json

@@ -0,0 +1,37 @@
+{
+  "name": "vue-file-loader",
+  "version": "0.1.0",
+  "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": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gxlmyacc/vue-file-loader.git"
+  },
+  "keywords": [
+    "vue-file-loader",
+    "file-loader",
+    "vue",
+    "webpack"
+  ],
+  "author": "gxlmyacc",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/gxlmyacc/vue-file-loader/issues"
+  },
+  "homepage": "https://github.com/gxlmyacc/vue-file-loader#readme",
+  "engines": {
+    "node": ">= 6.9.0 || >= 8.9.0"
+  },
+  "dependencies": {
+    "loader-utils": "^1.1.0"
+  },
+  "peerDependencies": {
+    "webpack": "^3.0.0 || ^4.0.0"
+  },
+  "devDependencies": {
+    "file-loader": "^1.1.11"
+  }
+}