Compiler can now watch imported files.

Author: Akryum

packages/vue-component/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.6.3 - 2016/07/18
+
+ - The compiler can now watch imported files and hot-reload/rebuild the components that uses them.
+ - The dependency watching has been implemented for less.
+
 ## 0.6.1 - 2016/07/08
 
  - The `.vueignore` file inside a folder will only apply to that folder, similar to `.gitignore` files.

packages/vue-component/package.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'akryum:vue-component',
-  version: '0.6.2',
+  version: '0.6.3',
   summary: 'VueJS single-file components that hot-reloads',
   git: 'https://github.com/Akryum/meteor-vue-component',
   documentation: 'README.md'
@@ -27,7 +27,8 @@ Package.registerBuildPlugin({
     'postcss': '5.0.21',
     'postcss-selector-parser': '2.0.0',
     'socket.io': '1.4.6',
-    'async': '1.4.0'
+    'async': '1.4.0',
+    'lodash': '4.13.1'
   }
 });
 

packages/vue-component/plugin/tag-handler.js

@@ -5,10 +5,10 @@ global._vue_js_cache = global._vue_js_cache || {};
 
 // Tag handler
 VueComponentTagHandler = class VueComponentTagHandler {
-  constructor({ inputFile, allFiles, babelOptions }) {
+  constructor({ inputFile, babelOptions, dependencyManager }) {
     this.inputFile = inputFile;
-    this.allFiles = allFiles;
     this.babelOptions = babelOptions;
+    this.dependencyManager = dependencyManager;
 
     this.component = {
       template: null,
@@ -169,7 +169,8 @@ VueComponentTagHandler = class VueComponentTagHandler {
             //console.log(`Compiling <style> in lang ${lang}...`);
             let result = compile({
               source: css,
-              inputFile: this.inputFile
+              inputFile: this.inputFile,
+              dependencyManager: this.dependencyManager
             });
             //console.log("Css result", result);
             css = result.css;