WIP: generate smaller bundles

Author: jsayol

gulp/tasks/build.js

@@ -43,8 +43,9 @@ const glob = require('glob');
 const fs = require('fs');
 const gzipSize = require('gzip-size');
 const WrapperPlugin = require('wrapper-webpack-plugin');
+const { CheckerPlugin } = require('awesome-typescript-loader');
 
-function cleanDist(dir) { 
+function cleanDist(dir) {
   return function cleanDistDirectory(done) {
     rimraf(`${config.paths.outDir}${ dir ? `/${dir}` : ''}`, done);
   }
@@ -143,22 +144,15 @@ function compileIndvES2015ModulesToBrowser() {
       path: path.resolve(__dirname, './dist/browser'),
     },
     module: {
-      rules: [{
-        test: /\.ts(x?)$/,
-        exclude: /node_modules/,
-        use: [
-          babelLoader,
-          tsLoader
-        ]
-      }, {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: [
-          babelLoader
-        ]
-      }]
+      loaders: [
+        {
+          test: /\.tsx?$/,
+          loader: 'awesome-typescript-loader'
+        }
+      ]
     },
     plugins: [
+      new CheckerPlugin(),
       new webpack.optimize.ModuleConcatenationPlugin(),
       new webpack.optimize.CommonsChunkPlugin({
         name: 'firebase-app'
@@ -172,13 +166,13 @@ function compileIndvES2015ModulesToBrowser() {
         },
         footer: fileName => {
           return isFirebaseApp(fileName) ? `
-          })();` : `
+          })().default;` : `
           } catch(error) {
             throw new Error(
               'Cannot instantiate ${fileName} - ' +
               'be sure to load firebase-app.js first.'
             )
-          }`        
+          }`
         }
       }),
       new webpack.optimize.UglifyJsPlugin({
@@ -227,7 +221,7 @@ function copyPackageContents() {
       '!./dist/cjs/firebase.js*'
     ])
     .pipe(gulp.dest(`${config.paths.outDir}/package`));
-  
+
   return merge([
     copyBrowserCode,
     copyCJSCode
@@ -247,7 +241,7 @@ function compileMetaFiles() {
       nyc: null,
       babel: null,
     });
-    
+
     // Delete all props that are falsy
     for (let key in obj) {
       if (!obj[key]) delete obj[key];
@@ -369,17 +363,17 @@ function logFileSize(done) {
     };
   })
   .forEach(obj => console.log(`| ${obj.file} | ${obj.size} | ${obj.gzip} |`));
-  
+
   console.log('\r\n');
   done();
 }
 
 /**
  * GULP TASKS
- * 
+ *
  * Gulp tasks in Gulp 4.0 are a description of a series of functions.
  * The functions are all above and are easier to maintain individually
- * 
+ *
  * Each "task" is then responsible for wiring up the dep trees itself,
  * because of this you have a finer degree of control of the ordering
  * of your tasks **and** you can optimize the parallelization of each
@@ -408,7 +402,7 @@ gulp.task('process:prebuilt', gulp.parallel([
 const compileSourceAssets = gulp.series([
   compileTypescriptToES2015,
   gulp.parallel([
-    compileIndvES2015ModulesToBrowser, 
+    compileIndvES2015ModulesToBrowser,
     compileES2015ToCJS,
   ])
 ]);

package.json

@@ -30,9 +30,9 @@
     "@types/mocha": "^2.2.39",
     "@types/node": "^7.0.8",
     "@types/sinon": "^1.16.35",
+    "awesome-typescript-loader": "^3.2.1",
     "babel-cli": "^6.23.0",
     "babel-core": "^6.24.0",
-    "babel-loader": "^6.4.0",
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-plugin-inline-replace-variables": "^1.2.2",
     "babel-plugin-minify-dead-code-elimination": "^0.1.4",
@@ -78,7 +78,6 @@
     "shx": "^0.2.2",
     "sinon": "^2.1.0",
     "through2": "^2.0.3",
-    "ts-loader": "^2.1.0",
     "ts-node": "2.1.1",
     "typescript": "^2.2.1",
     "validate-commit-msg": "^2.12.1",

tsconfig.json

@@ -13,7 +13,7 @@
     "outDir": "dist/es2015",
     "rootDir": "src",
     "sourceMap": true,
-    "target": "es2015",
+    "target": "es5",
     "typeRoots": [
       "node_modules/@types"
     ]