chore(build): Add sourcemaps to commonjs and es packages

build/gulp/tasks/bundle.ts

@@ -1,5 +1,6 @@
 import { task, series, parallel, src, dest } from 'gulp'
 import babel from 'gulp-babel'
+import sourcemaps from 'gulp-sourcemaps'
 import { log, PluginError } from 'gulp-util'
 import del from 'del'
 import webpack from 'webpack'
@@ -34,13 +35,17 @@ const componentsSrc = [
 
 task('bundle:package:commonjs', () =>
   src(componentsSrc)
+    .pipe(sourcemaps.init())
     .pipe(babel())
+    .pipe(sourcemaps.write('.'))
     .pipe(dest(paths.packageDist(packageName, 'commonjs'))),
 )
 
 task('bundle:package:es', () =>
   src(componentsSrc)
+    .pipe(sourcemaps.init())
     .pipe(babel({ caller: { useESModules: true } } as any))
+    .pipe(sourcemaps.write('.'))
     .pipe(dest(paths.packageDist(packageName, 'es'))),
 )
 

build/package.json

@@ -59,6 +59,7 @@
     "gulp-babel": "^8.0.0",
     "gulp-cache": "^1.0.2",
     "gulp-remember": "^1.0.1",
+    "gulp-sourcemaps": "^2.6.5",
     "gulp-util": "^3.0.8",
     "html-webpack-plugin": "^4.0.0-beta.5",
     "jest": "^24.9.0",

packages/local-sandbox/package.json

@@ -19,6 +19,7 @@
     "copy-webpack-plugin": "^4.5.2",
     "express": "^4.15.4",
     "fork-ts-checker-webpack-plugin": "^1.3.3",
+    "source-map-loader": "^0.2.4",
     "terser-webpack-plugin": "^1.4.3",
     "typescript": "~3.7.2",
     "webpack": "^4.35.0",

packages/local-sandbox/webpack.config.ts

@@ -18,6 +18,11 @@ const webpackConfig: webpack.Configuration = {
   devtool: 'source-map',
   module: {
     rules: [
+      {
+        test: /\.js$/,
+        use: ['source-map-loader'],
+        enforce: 'pre',
+      },
       {
         test: /\.(ts|tsx)$/,
         loader: 'babel-loader',