Vue in Parcel

Author: CompuIves

packages/app/src/sandbox/eval/presets/parcel/index.js

@@ -6,6 +6,12 @@ import rawTranspiler from '../../transpilers/raw';
 import stylusTranspiler from '../../transpilers/stylus';
 import lessTranspiler from '../../transpilers/less';
 import tsTranspiler from '../../transpilers/typescript';
+import vueTranspiler from '../../transpilers/vue';
+import vueTemplateTranspiler from '../../transpilers/vue/template-compiler';
+import vueStyleTranspiler from '../../transpilers/vue/style-compiler';
+import vueSelector from '../../transpilers/vue/selector';
+import vueStyleLoader from '../../transpilers/vue/style-loader';
+import cssLoader from '../../transpilers/vue/css-loader';
 import htmlTranspiler from './transpilers/html-transpiler';
 
 import Preset from '../';
@@ -43,6 +49,23 @@ export default function initialize() {
     { transpiler: jsonTranspiler },
   ]);
 
+  // VUE START
+  parcelPreset.registerTranspiler(module => /\.vue$/.test(module.path), [
+    { transpiler: vueTranspiler },
+  ]);
+  parcelPreset.registerTranspiler(() => false, [
+    { transpiler: vueTemplateTranspiler },
+  ]);
+  parcelPreset.registerTranspiler(() => false, [
+    { transpiler: vueStyleTranspiler },
+  ]);
+  parcelPreset.registerTranspiler(() => false, [{ transpiler: vueSelector }]);
+  parcelPreset.registerTranspiler(() => false, [
+    { transpiler: vueStyleLoader },
+  ]);
+  parcelPreset.registerTranspiler(() => false, [{ transpiler: cssLoader }]);
+  // VUE END
+
   const sassWithConfig = {
     transpiler: sassTranspiler,
     options: {},