feat: using babel and support JSX in vue. (close: vuejs#318) (vuejs#336)

meteorlxy · May 10, 2018 · 82cd8bd · 82cd8bd
1 parent 34c7f99
commit 82cd8bd
Show file tree

Hide file tree

Showing 3 changed files with 651 additions and 13 deletions.
diff --git a/lib/webpack/createBaseConfig.js b/lib/webpack/createBaseConfig.js
@@ -102,10 +102,11 @@ module.exports = function createBaseConfig ({
           // Don't transpile node_modules
           return /node_modules/.test(filepath)
         }).end()
-        .use('buble-loader')
-          .loader('buble-loader')
+        .use('babel-loader')
+          .loader('babel-loader')
           .options({
-            objectAssign: 'Object.assign'
+            presets: ['env', 'stage-2'],
+            plugins: ['transform-vue-jsx', 'transform-runtime']
           })
   }
 

diff --git a/package.json b/package.json
@@ -38,8 +38,14 @@
   },
   "dependencies": {
     "autoprefixer": "^8.2.0",
-    "buble": "^0.19.3",
-    "buble-loader": "^0.5.0",
+    "babel-core": "^6.26.3",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-stage-2": "^6.24.1",
     "chalk": "^2.3.2",
     "chokidar": "^2.0.3",
     "commander": "^2.15.1",