Include babel 7 config for cxjs

Author: CompuIves

packages/common/src/templates/configuration/babelrc/index.ts

@@ -142,37 +142,59 @@ const config: ConfigurationFile = {
     }
 
     if (template === 'cxjs') {
-      return JSON.stringify(
-        {
-          presets: [
-            [
-              'env',
-              {
-                targets: {
-                  chrome: 50,
-                  ie: 11,
-                  ff: 30,
-                  edge: 12,
-                  safari: 9,
+      if (isV7) {
+        return JSON.stringify(
+          {
+            presets: ['env'],
+            plugins: [
+              '@babel/plugin-proposal-class-properties',
+              '@babel/plugin-proposal-object-rest-spread',
+              '@babel/plugin-proposal-function-bind',
+              'transform-cx-jsx',
+              '@babel/plugin-transform-parameters',
+              '@babel/plugin-syntax-dynamic-import',
+              [
+                '@babel/plugin-transform-react-jsx',
+                { pragma: 'VDOM.createElement' },
+              ],
+            ],
+          },
+          null,
+          2
+        );
+      } else {
+        return JSON.stringify(
+          {
+            presets: [
+              [
+                'env',
+                {
+                  targets: {
+                    chrome: 50,
+                    ie: 11,
+                    ff: 30,
+                    edge: 12,
+                    safari: 9,
+                  },
+                  modules: false,
+                  loose: true,
+                  useBuiltIns: true,
                 },
-                modules: false,
-                loose: true,
-                useBuiltIns: true,
-              },
+              ],
+              'stage-2',
             ],
-            'stage-2',
-          ],
-          plugins: [
-            ['transform-cx-jsx'],
-            ['transform-react-jsx', { pragma: 'VDOM.createElement' }],
-            'transform-function-bind',
-            'transform-runtime',
-            'transform-regenerator',
-          ],
-        },
-        null,
-        2
-      );
+            plugins: [
+              ['transform-cx-jsx'],
+              ['transform-react-jsx', { pragma: 'VDOM.createElement' }],
+              'transform-function-bind',
+              'transform-runtime',
+              'transform-regenerator',
+            ],
+          },
+          null,
+          2
+        );
+      }
     }
 
     return JSON.stringify({ presets: [], plugins: [] }, null, 2);