- Added babel config and rules for ecmascript

Caio Biodere · Caio Biodere · commit 25c79b0954f2 · 2018-02-12T21:31:09.000-02:00
diff --git a/template_src/package.json b/template_src/package.json
@@ -37,6 +37,9 @@
     "webpack-dev-server": "^2.4.1"
   },
   "dependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-preset-env": "^1.6.1",
     "framework7": "^2.0.6",
     "framework7-vue": "^2.0.0",
     "framework7-icons": "^0.9.0",
diff --git a/template_src/webpack.config.js b/template_src/webpack.config.js
@@ -42,7 +42,8 @@ let config = function (env) {
         {test: /\.svg$/, loader: 'url-loader'},
         {test: /\.scss$/, loader: [ 'vue-style-loader', 'css-loader', 'sass-loader']},
         {test: /\.sass$/, loader: [ 'vue-style-loader', 'css-loader', 'sass-loader?indentedSyntax']},
-        {test: /\.vue$/, loader: 'vue-loader'}
+        {test: /\.vue$/, loader: 'vue-loader', options: {loaders: {js: {loader: 'babel-loader', options: {presets: ['env']}}}}},
+        {test: /\.js$/, exclude: /(node_modules|bower_components)/, use: {loader: 'babel-loader', options: {presets: ['env']}}}
       ]
     },
     

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,8 @@ let config = function (env) {`
`42`	`42`	`{test: /\.svg$/, loader: 'url-loader'},`
`43`	`43`	`{test: /\.scss$/, loader: [ 'vue-style-loader', 'css-loader', 'sass-loader']},`
`44`	`44`	`{test: /\.sass$/, loader: [ 'vue-style-loader', 'css-loader', 'sass-loader?indentedSyntax']},`
`45`		`- {test: /\.vue$/, loader: 'vue-loader'}`
	`45`	`+ {test: /\.vue$/, loader: 'vue-loader', options: {loaders: {js: {loader: 'babel-loader', options: {presets: ['env']}}}}},`
	`46`	`+ {test: /\.js$/, exclude: /(node_modules\|bower_components)/, use: {loader: 'babel-loader', options: {presets: ['env']}}}`
`46`	`47`	`]`
`47`	`48`	`},`
`48`	`49`