mirror of
https://github.com/status-im/sourcecred.git
synced 2025-01-24 11:29:44 +00:00
ff2cfd14b2
Summary: We currently configure the Babel config with environment variables: in particular, the `SOURCECRED_BACKEND` environment variable causes Babel to target Node instead of the browser. The relevant lines are copied from `scripts/backend.js`. The environment variable mechanism is slightly clunky, especially as it requires the Webpack config module to be impure, but it works okay for our purposes. We could adopt a more principled solution—setting the `options` argument to the Babel loader in the backend Webpack config—but this would require redesigning the Babel config system, which would take a moderate amount of effort. Test Plan: As of this commit, `yarn backend` has bitwise identical output to directly invoking Webpack: ```shell $ yarn backend >/dev/null 2>/dev/null $ shasum -a 256 bin/* | shasum -a 256 c4f7494c3ba70e5488ff4a8b44550e478a2a8b27fa96f286123f9566fd28f7be - $ NODE_ENV=development node ./node_modules/.bin/webpack \ > --config ./config/webpack.config.backend.js >/dev/null 2>/dev/null $ shasum -a 256 bin/* | shasum -a 256 c4f7494c3ba70e5488ff4a8b44550e478a2a8b27fa96f286123f9566fd28f7be - ``` wchargin-branch: backend-set-babel-flags
71 lines
2.4 KiB
JavaScript
71 lines
2.4 KiB
JavaScript
// @flow
|
|
|
|
// Do this as the first thing so that any code reading it knows the right env.
|
|
process.env.NODE_ENV = process.env.NODE_ENV || "development";
|
|
process.env.BABEL_ENV = process.env.NODE_ENV;
|
|
process.env.SOURCECRED_BACKEND = "true";
|
|
|
|
const webpack = require("webpack");
|
|
const ModuleScopePlugin = require("react-dev-utils/ModuleScopePlugin");
|
|
const RemoveBuildDirectoryPlugin = require("./RemoveBuildDirectoryPlugin");
|
|
const paths = require("./paths");
|
|
const nodeExternals = require("webpack-node-externals");
|
|
const getClientEnvironment = require("./env");
|
|
|
|
const env = getClientEnvironment();
|
|
|
|
// This is the backend configuration. It builds applications that target
|
|
// Node and will not run in a browser.
|
|
module.exports = {
|
|
// Don't attempt to continue if there are any errors.
|
|
bail: true,
|
|
// Target Node instead of the browser.
|
|
target: "node",
|
|
entry: paths.backendEntryPoints,
|
|
externals: [nodeExternals()],
|
|
output: {
|
|
path: paths.backendBuild,
|
|
// Generated JS file names (with nested folders).
|
|
// There will be one main bundle, and one file per asynchronous chunk.
|
|
// We don't currently advertise code splitting but Webpack supports it.
|
|
filename: "[name].js",
|
|
chunkFilename: "[name].[chunkhash:8].chunk.js",
|
|
libraryTarget: "umd",
|
|
},
|
|
resolve: {
|
|
extensions: [".js", ".json"],
|
|
plugins: [
|
|
// Prevents users from importing files from outside of src/ (or node_modules/).
|
|
// This often causes confusion because we only process files within src/ with babel.
|
|
// To fix this, we prevent you from importing files out of src/ -- if you'd like to,
|
|
// please link the files into your node_modules/ and let module-resolution kick in.
|
|
// Make sure your source files are compiled, as they will not be processed in any way.
|
|
new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
|
|
],
|
|
},
|
|
module: {
|
|
strictExportPresence: true,
|
|
rules: [
|
|
{
|
|
// "oneOf" will traverse all following loaders until one will
|
|
// match the requirements. If no loader matches, it will fail.
|
|
oneOf: [
|
|
// Process JS with Babel.
|
|
{
|
|
test: /\.(js|jsx|mjs)$/,
|
|
include: paths.appSrc,
|
|
loader: require.resolve("babel-loader"),
|
|
options: {
|
|
compact: true,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new RemoveBuildDirectoryPlugin(),
|
|
new webpack.DefinePlugin(env.individuallyStringified),
|
|
],
|
|
};
|