mirror of
https://github.com/status-im/sourcecred.git
synced 2025-01-10 12:46:16 +00:00
8ed0585bb6
Summary: This re-packages the build for the internal APIs exposed under #1526 to be more browser-friendly. Removing `target: "node"` (and adding an explicit `globalObject: "this"` for best-effort cross-compatibility) is the biggest change from the backend build; removing all the extra loaders and static site generation is the biggest change from the frontend build. This build configuration is forked from `webpack.config.backend.js`. Test Plan: Run `yarn api`, then upload the contents of `dist/api.js` to an Observable notebook and require it as an ES module. Verify that the SourceCred APIs are exposed: e.g., `sourcecred.core.graph.Graph` should be a valid constructor. wchargin-branch: api-build
76 lines
2.5 KiB
JavaScript
76 lines
2.5 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;
|
|
|
|
const webpack = require("webpack");
|
|
const ModuleScopePlugin = require("react-dev-utils/ModuleScopePlugin");
|
|
const RemoveBuildDirectoryPlugin = require("./RemoveBuildDirectoryPlugin");
|
|
const paths = require("./paths");
|
|
const getClientEnvironment = require("./env");
|
|
|
|
const env = getClientEnvironment(null);
|
|
|
|
module.exports = {
|
|
// Don't attempt to continue if there are any errors.
|
|
bail: true,
|
|
node: {
|
|
// Don't munge `__dirname` and `__filename`.
|
|
// https://github.com/webpack/webpack/issues/1599#issuecomment-186841345
|
|
__dirname: false,
|
|
__filename: false,
|
|
},
|
|
entry: {
|
|
api: paths.apiIndexJs,
|
|
},
|
|
output: {
|
|
path: paths.apiBuild,
|
|
// 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",
|
|
library: "sourcecred",
|
|
// Use `this` for compatibility with both Node and browser.
|
|
globalObject: "this",
|
|
},
|
|
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),
|
|
],
|
|
mode: process.env.NODE_ENV,
|
|
};
|