CARVIEW |
Select Language
HTTP/2 200
date: Sun, 20 Jul 2025 18:25:56 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"a0d8e22eb6f63e379fb322a453585167"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=XBhUX%2Fgf%2Fkd2qdgd1C04r0F0GsiWf2JxljtY%2Ba%2BtAoviGk7SgWkJ6W18PloLEI0JDWnLNbZcKm1MUhFb%2BMUFQUbSbR%2BLgyT8rAJEeUcVy0WQSxAL2SiE8n5i6qDOQJU0ieHcLsND3JsRkL1ivyWlRvNpB5ySy65g6pdRg12MrEN6t14pZYyEDics4xCNrDYbKXg%2FMKPh4%2FjUqojzWHFIrX6qwj4ST8m%2FoHeUdkw%2FMTBUSJ6TKIEfDsbZ17%2B%2FHnYso%2Bcxx%2FsxvmHWkLoGTEOY%2Bw%3D%3D--W5mGZhZ0mGXTiSaY--hnmRFbUIAK0MOHPV8J%2FVcA%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.450854962.1753035955; Path=/; Domain=github.com; Expires=Mon, 20 Jul 2026 18:25:55 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Mon, 20 Jul 2026 18:25:55 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: D4C0:46557:1092F3A:154A9F0:687D34B3
Webpack Config Helpers · preactjs/preact-cli Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
-
Notifications
You must be signed in to change notification settings - Fork 374
Webpack Config Helpers
Ryan Christian edited this page Nov 30, 2021
·
2 revisions
/**
* Function that mutates the original webpack config.
* Supports asynchronous changes when a promise is returned (or it's an async function).
*
* @param {import('preact-cli').Config} config - original webpack config
* @param {import('preact-cli').Env} env - current environment and options pass to the CLI
* @param {import('preact-cli').Helpers} helpers - object with useful helpers for working with the webpack config
* @param {Record<string, unknown>} options - this is mainly relevant for plugins (will always be empty in the config), default to an empty object
*/
export default (config, env, helpers, options) => {
const webpack = helpers.webpack;
const babelLoader = helpers.getLoadersByName(config, 'babel-loader')[0];
...
};
Webpack module used to create config
Example
export default (config, env, helpers) => {
const webpack = helpers.webpack;
};
Returns
typeof webpack
Returns a wrapper around all loaders from the config
Parameters
-
config
Webpack configuration passed intopreact.config.js
Example
export default (config, env, helpers) => {
const loaders = helpers.getLoaders(config);
};
Returns
{
rule: {
test: RegExp;
[key: string]: any;
};
ruleIndex: number;
loaders:
| string
| (string | { loader: string; options: Record<string, any> })[];
}[]
Returns a wrapper around all rules from the config
Parameters
-
config
Webpack configuration passed intopreact.config.js
Example
export default (config, env, helpers) => {
const rules = helpers.getRules(config);
};
Returns
{
index: number;
rule: {
test: RegExp;
[key: string]: any;
};
}[]
Returns a wrapper around all plugins from the config
Parameters
-
config
Webpack configuration passed intopreact.config.js
Example
export default (config, env, helpers) => {
const plugins = helpers.getPlugins(config);
};
Returns
{
index: number;
plugin: Record<string, any>;
}[]
Returns a wrapper around all rules from the config that match the provided file
Parameters
-
config
Webpack configuration passed intopreact.config.js
-
file
string file path to test against. Resolved relatively to $PWD
Example
export default (config, env, helpers) => {
const matchingRules = helpers.getRulesByMatchingFile(config, 'src/index.js');
};
Returns
{
index: number;
rule: {
test: RegExp;
[key: string]: any;
};
}[]
Returns a wrapper around all loaders from the config that match the provided name
Parameters
-
config
Webpack configuration passed intopreact.config.js
-
name
string name of loader
Example
export default (config, env, helpers) => {
const babelLoader = helpers.getLoadersByName(config, 'babel-loader')[0];
};
Returns
{
rule: {
test: RegExp;
[key: string]: any;
};
ruleIndex: number;
loader:
| string
| { loader: string; options: Record<string, any>; }
loaderIndex: number;
}[]
Returns a wrapper around all plugins from the config that match the provided name
Parameters
-
config
Webpack configuration passed intopreact.config.js
-
name
string name of plugin
Example
export default (config, env, helpers) => {
const critters = helpers.getPluginsByName(config, 'Critters')[0];
};
Returns
{
index: number;
plugin: Record<string, any>;
}[]
Returns a wrapper around all plugins from the config that match the provided type
Parameters
-
config
Webpack configuration passed intopreact.config.js
-
type
any type of plugin
Example
export default (config, env, helpers) => {
const webpack = helpers.webpack;
const definePlugin = helpers.getPluginsByName(config, webpack.DefinePlugin)[0];
};
Returns
{
index: number;
plugin: Record<string, any>;
}[]
You can’t perform that action at this time.