Add support for scss, babel and root import

Author: tralves

.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "es2015",
+      {
+        "modules": false
+      }
+    ],
+    "stage-2"
+  ],
+  "plugins": [
+    "external-helpers"
+  ]
+}

package.json

@@ -10,9 +10,19 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "babel-traverse": "6.26.0",
+    "babel-types": "6.26.0",
+    "babylon": "6.18.0",
+    "lazy": "1.0.11",
     "rollup": "^0.50.0",
+    "rollup-plugin-babel": "^3.0.2",
     "rollup-plugin-cleanup": "^1.0.1",
-    "rollup-plugin-css-only": "^0.2.0",
+    "rollup-plugin-root-import": "^0.2.2",
+    "rollup-plugin-scss": "^0.3.0",
     "rollup-plugin-vue": "^2.4.2"
   },
   "dependencies": {

postinstall.js

@@ -2,6 +2,7 @@ const fs = require('fs');
 const path = require('path');
 
 move(getMovePaths('rollup.config.js'), log);
+move(getMovePaths('.babelrc'), log);
 move(getMovePaths('tns'), log);
 
 fs.unlinkSync('postinstall.js');

rollup.config.js

@@ -1,6 +1,8 @@
 import vue from 'rollup-plugin-vue'
 import cleanup from 'rollup-plugin-cleanup'
 import scss from 'rollup-plugin-scss'
+import rootImport from 'rollup-plugin-root-import';
+import babel from 'rollup-plugin-babel';
 
 export default {
   input: './app/main.js',
@@ -12,13 +14,22 @@ export default {
   sourceMap: false,
 
   plugins: [
+    rootImport({
+      // Will first look in `client/src/*` and then `common/src/*`.
+      root: `${__dirname}/app`,
+      useEntry: 'prepend',
+
+      // If we don't find the file verbatim, try adding these extensions
+      extensions: ['.js', '.vue', '.css', '.scss']
+    }),
     vue({
       autoStyles: false,
       styleToImports: true,
       compileTemplate: false
     }),
-    scss({
-      output: './tns/app/app.css'
+    scss({ output: './tns/app/app.css' }),
+    babel({
+      exclude: 'node_modules/**'
     }),
     cleanup({
       extensions: ['.js', '.css']