chore(package): bundle with webpack instead of browserify

Author: motiz88

.gitignore

@@ -4,3 +4,5 @@
 /npm-debug.log
 /coverage
 /cache/data.json
+/public/stats.json
+/public/schema.js.map

package.json

@@ -20,9 +20,6 @@
   "options": {
     "mocha": "--require babel-register --require scripts/mocha-bootload src/**/__tests__/*.js"
   },
-  "browserify-shim": {
-    "react": "global:React"
-  },
   "scripts": {
     "postinstall": "npm run download && npm run build",
     "test": "npm run lint && npm run check && npm run testonly",
@@ -36,7 +33,8 @@
     "coveralls": "babel-node node_modules/.bin/isparta cover --root src --report lcovonly node_modules/.bin/_mocha -- $npm_package_options_mocha && cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js",
     "build": "babel src --optional runtime --ignore __tests__,public --out-dir lib/",
     "download": "babel-node scripts/download.js cache/data.json",
-    "build-public": "browserify --standalone Schema -t babelify --outfile public/schema.js src/schema-proxy.js",
+    "build-public": "webpack -p",
+    "bundle-stats": "webpack -p --profile --json > public/stats.json && npx webpack-bundle-analyzer public/stats.json",
     "serve-public": "babel-node scripts/serve-public",
     "deploy": "scripts/build-public && scripts/deploy-public",
     "prettier": "prettier --write 'src/**/*.js'",
@@ -55,15 +53,13 @@
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.2.2",
+    "babel-loader": "^7.1.4",
     "babel-plugin-syntax-async-functions": "6.13.0",
     "babel-plugin-transform-flow-strip-types": "^6.22.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.1",
     "babel-register": "^6.26.0",
-    "babelify": "^8.0.0",
-    "browserify": "^15.0.0",
-    "browserify-shim": "^3.8.10",
     "chai": "^4.1.2",
     "coveralls": "^3.0.0",
     "eslint": "^4.19.1",
@@ -74,6 +70,8 @@
     "isparta": "^4.0.0",
     "mocha": "^5.0.5",
     "prettier": "^1.11.1",
-    "sane": "^2.5.0"
+    "sane": "^2.5.0",
+    "webpack": "^4.5.0",
+    "webpack-cli": "^2.0.14"
   }
 }

webpack.config.js

@@ -0,0 +1,53 @@
+const webpack = require('webpack');
+
+module.exports = {
+  mode: 'development',
+  entry: ['./src/schema-proxy'],
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            babelrc: false,
+            // TODO: Maybe fold this into the main .babelrc as a separate environment
+            presets: [['env', { modules: false }]],
+            plugins: [
+              'transform-flow-strip-types',
+              'transform-object-rest-spread',
+              'transform-runtime',
+            ],
+          },
+        },
+      },
+    ],
+  },
+  output: {
+    path: __dirname + '/public',
+    publicPath: '/',
+    filename: 'schema.js',
+    library: 'Schema',
+  },
+  devServer: {
+    contentBase: './public',
+  },
+  devtool: 'source-map',
+
+  optimization: {
+    usedExports: true,
+    providedExports: true,
+  },
+
+  // Work around a Webpack issue triggered by graphql/jsutils/instanceOf
+  // See https://github.com/webpack/webpack/issues/7032#issuecomment-381404271
+  node: {
+    process: false,
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      process: {},
+    }),
+  ],
+};