init

Author: MopTym

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+npm-debug.log
+test/output
+.DS_Store

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 MopTym
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,35 @@
+# vue-auto-import-loader
+
+[![Version](https://img.shields.io/npm/v/vue-auto-import-loader.svg?style=flat-square)](https://www.npmjs.com/package/vue-auto-import-loader)
+[![License](https://img.shields.io/npm/l/vue-auto-import-loader.svg?style=flat-square)](LICENSE)
+
+> Auto import template / style / script for *.vue file.
+
+## Install
+
+```shell
+npm i -D vue-auto-import-loader
+```
+
+## webpack config
+
+```js
+{
+  module: {
+      loaders: [
+          {
+              test: /\.vue$/,
+              loader: 'vue!vue-auto-import'
+          }
+      ]
+  },
+  vueAutoImport: {
+    scoped: false,
+    files: {  // relative to *.vue file path
+      html: '[name].html',
+      css: '[name].css',
+      js: '[name].js',
+    }
+  }
+}
+```

index.js

@@ -0,0 +1 @@
+module.exports = require('./lib/loader')

lib/loader.js

@@ -0,0 +1,88 @@
+var fs = require('fs')
+var path = require('path')
+var parse = require('./parse')
+
+module.exports = function (content) {
+  var filePath = this.resourcePath
+  var options = resolveOptions(this.options)
+  var parts = parse(content, filePath)
+  var output = content
+
+  if (!parts.template) {
+    output += autoImportTemplate(filePath, options)
+  }
+  if (!parts.style) {
+    output += autoImportStyle(filePath, options)
+  }
+  if (!parts.script) {
+    output += autoImportScript(filePath, options)
+  }
+
+  return output
+}
+
+function autoImportTemplate(filePath, options) {
+  var filePathList = resolveFilePathList(filePath, options.files.html)
+  var filePathToImport = getImportableFilePath(filePathList)
+  return filePathToImport
+    ? '<template src="' + filePathToImport + '"></template>'
+    : ''
+}
+
+function autoImportStyle(filePath, options) {
+  var filePathList = resolveFilePathList(filePath, options.files.css)
+  var filePathToImport = getImportableFilePath(filePathList)
+  var scopedStr = options.scoped ? 'scoped' : ''
+  return filePathToImport
+    ? '<style src="' + filePathToImport + '" ' + scopedStr + '></style>'
+    : ''
+}
+
+function autoImportScript(filePath, options) {
+  var filePathList = resolveFilePathList(filePath, options.files.js)
+  var filePathToImport = getImportableFilePath(filePathList)
+  return filePathToImport
+    ? '<script src="' + filePathToImport + '"></script>'
+    : ''
+}
+
+function resolveFilePathList (rootFilePath, list) {
+  var fileName = path.basename(rootFilePath, '.vue')
+  var rootPath = path.dirname(rootFilePath)
+  return list.map(function (filePath) {
+    return path.resolve(rootPath, filePath.replace(/\[name\]/g, fileName))
+  })
+}
+
+function getImportableFilePath (filePathList) {
+  for (var i = 0; i < filePathList.length; i++) {
+    if (fileExistsSync(filePathList[i])) {
+      return filePathList[i]
+    }
+  }
+  return null
+}
+
+function fileExistsSync (filePath) {
+  try {
+    fs.statSync(path.resolve(__dirname, filePath))
+    return true
+  } catch (err) {
+    return false
+  }
+}
+
+function resolveOptions (config) {
+  var options = config.vueAutoImport || {}
+  options.scoped = !!options.scoped
+  options.files = options.files || {}
+  options.files.html = getArray(options.files.html || '[name].html')
+  options.files.css = getArray(options.files.css || '[name].css')
+  options.files.js = getArray(options.files.js || '[name].js')
+  return options
+}
+
+function getArray (tar) {
+  var isArray = Object.prototype.toString.call(tar) === '[object Array]'
+  return isArray ? tar : [tar]
+}

lib/parse.js

@@ -0,0 +1,20 @@
+var parse5 = require('parse5')
+var cache = require('lru-cache')(1000)
+var hash = require('hash-sum')
+
+module.exports = function (content, filePath) {
+  var cacheKey = hash(content, filePath)
+  var output = cache.get(cacheKey)
+  if (output) { return output }
+
+  output = {}
+
+  var fragment = parse5.parseFragment(content)
+
+  fragment.childNodes.forEach(function (node) {
+    output[node.tagName] = true
+  })
+
+  cache.set(cacheKey, output)
+  return output
+}

package.json

@@ -0,0 +1,39 @@
+{
+  "name": "vue-auto-import-loader",
+  "version": "0.1.0",
+  "description": "Auto import template / style / script for *.vue file.",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha test/test.js --slow 5000 --timeout 10000"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WEBuster/vue-auto-import-loader.git"
+  },
+  "keywords": [
+    "vue",
+    "auto",
+    "import"
+  ],
+  "author": "MopTym <[email protected]>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/WEBuster/vue-auto-import-loader/issues"
+  },
+  "homepage": "https://github.com/WEBuster/vue-auto-import-loader#readme",
+  "dependencies": {
+    "hash-sum": "^1.0.2",
+    "lru-cache": "^4.0.1",
+    "parse5": "^2.2.0"
+  },
+  "devDependencies": {
+    "chai": "^3.5.0",
+    "mocha": "^3.0.2",
+    "raw-loader": "^0.5.1",
+    "rimraf": "^2.5.4",
+    "webpack": "^1.13.2"
+  },
+  "peerDependencies": {
+    "vue-loader": "*"
+  }
+}