feat(building-rollup): use babel compact mode

packages/building-rollup/src/babel/babel-configs.js

@@ -3,6 +3,7 @@ const { isFalsy } = require('../utils');
 
 const createBabelConfigRollupBuild = developmentMode => ({
   babelHelpers: 'bundled',
+  compact: true,
   plugins: [
     // rollup doesn't support optional chaining yet, so we compile it during input
     [require.resolve('@babel/plugin-proposal-optional-chaining'), { loose: true }],
@@ -37,6 +38,7 @@ function createBabelConfigRollupGenerate(modern = true) {
   return {
     babelrc: false,
     configFile: false,
+    compact: true,
     presets: [
       [
         require.resolve('@babel/preset-env'),
@@ -70,6 +72,7 @@ function createBabelConfigRollupGenerate(modern = true) {
 const babelConfigSystemJs = {
   babelrc: false,
   configFile: false,
+  compact: true,
   plugins: [
     require.resolve('@babel/plugin-syntax-import-meta'),
     require.resolve('@babel/plugin-proposal-dynamic-import'),

packages/es-dev-server/test-integration/integration.test.js

@@ -76,7 +76,7 @@ describe('integration tests', () => {
 
         testCase.pages.forEach(pageUrl => {
           it(`passes the in-browser tests for page ${pageUrl}`, async function it() {
-            this.timeout(10000);
+            this.timeout(30000);
 
             const appPath = `http://localhost:8080${serverConfig.openPath}${pageUrl}`;
             const page = await browser.newPage();