| /expo/packages/@expo/cli/__mocks__/ |
| H A D | webpack.ts | 1 const webpack = jest.fn(); constant
4 webpack.ProgressPlugin = jest.fn();
6 export default webpack;
|
| /expo/docs/pages/guides/ |
| H A D | customizing-webpack.mdx | 2 title: Bundle with webpack
3 description: Learn about different webpack bundler configurations that can be customized.
8 …your project has a **webpack.config.js** in the root directory. If the project doesn't then Expo w…
12 To edit the config, install `@expo/webpack-config` as a dev dependency and create a template **webp…
14 <Terminal cmd={['$ npx expo customize webpack.config.js']} />
18 If you create a new webpack config or make any changes to it you'll need to restart your webpack de…
24 ```js webpack.config.js
25 const createExpoWebpackConfigAsync = require('@expo/webpack-config');
70 - Restart the project and `@expo/webpack-config` will automatically include the polyfill.
72 …mediately. webpack can inject the polyfill before any of the application code has been executed. A…
[all …]
|
| H A D | web-performance.mdx | 18 - #### webpack Config
19 …[`@expo/webpack-config`](https://www.npmjs.com/package/@expo/webpack-config) A default webpack con…
23 …t bundle sizes, you can use a webpack plugin called [_Webpack Bundle Analyzer_](https://github.com…
28 <Terminal cmd={['$ yarn add -D webpack-bundle-analyzer']} />
29 2. Reveal the webpack config by running `npx expo customize webpack.config.js`.
33 const createExpoWebpackConfigAsync = require('@expo/webpack-config');
34 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
|
| H A D | typescript.mdx | 136 - Path aliases are only supported by Metro (including Metro web) and not by `@expo/webpack-config`.
214 - Absolute imports are only supported by Metro (including Metro web) and not by `@expo/webpack-conf…
223 If you want to use TypeScript for configuration files such as **webpack.config.js**, **metro.config…
239 ### webpack.config.js
241 > Install the `@expo/webpack-config` package.
243 ```js webpack.config.js
245 module.exports = require('./webpack.config.ts');
248 ```ts webpack.config.ts
249 import createExpoWebpackConfigAsync from '@expo/webpack-config/webpack';
250 import { Arguments, Environment } from '@expo/webpack-config/webpack/types';
|
| H A D | progressive-web-apps.mdx | 10 > This guide is oriented towards apps using webpack. If you use [Metro for web](/guides/customizing…
16 When you run `npx expo export:web` the webpack config reads your **app.config.js** (or **app.json**…
46 Icons are generated in webpack using the [`expo-pwa`][expo-pwa] CLI. You can customize and override…
70 …Workbox](https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin) as it han…
116 Under the hood `@expo/webpack-config` uses a CLI called `expo-pwa`. If you want more control on how…
118 …an generate custom files and link them in the **web/index.html**. `@expo/webpack-config` will chec…
|
| H A D | customizing-metro.mdx | 286 By default, Expo CLI uses webpack as the bundler on web platforms because Metro historically did no…
288 …t upgrades can also be easier since there are fewer dependencies (`webpack`, `webpack-dev-server`)…
294 ### Expo webpack versus Expo Metro
296 …two bundler implementations, carefully check the difference if you're moving from webpack to Metro.
298 | Feature | Metro | webpack |
304 | Config file | **metro.config.js** | **webpack.config.js** |
305 | Default config | `@expo/metro-config` | `@expo/webpack-config` |
370 …public/** directory. It is similar to many other web frameworks. In Expo webpack, the **web** dire…
|
| H A D | assets.mdx | 40 …ro) and learn about how you can customize webpack for Web in [Customizing webpack](/guides/customi…
|
| H A D | using-nextjs.mdx | 66 Adjust your **babel.config.js** to conditionally add `next/babel` when bundling with webpack for we…
208 …tive relies on advanced caching in Metro to reload quickly. Next.js uses webpack, which does not h…
249 Using Next.js for the web means you will be bundling with the Next.js webpack config. This will lea…
|
| /expo/packages/@expo/cli/src/start/server/webpack/ |
| H A D | WebpackBundlerDevServer.ts | 7 import type webpack from 'webpack'; alias
29 export type WebpackConfiguration = webpack.Configuration & {
31 before?: (app: Application, server: WebpackDevServer, compiler: webpack.Compiler) => void;
100 const webpack = importWebpackFromProject(this.projectRoot); constant
126 new webpack.ProgressPlugin((percent: number) => {
136 const compiler = webpack(config);
152 const webpack = importWebpackFromProject(this.projectRoot); constant
187 const compiler = webpack(config);
|
| H A D | compile.ts | 3 import type webpack from 'webpack'; alias
10 export async function compileAsync(compiler: webpack.Compiler) {
|
| /expo/packages/@expo/cli/src/start/server/webpack/__tests__/ |
| H A D | WebpackBundlerDevServer-test.ts | 2 import webpack from 'webpack';
75 expect(webpack).toHaveBeenCalled();
|
| /expo/packages/babel-preset-expo/ |
| H A D | README.md | 7 If you start your **web** project with `@expo/webpack-config` or `npx expo start` and your project …
22 …m` is not defined, it will default to using `web` when the `bundler` is `webpack` -- this is tempo…
33 …ed, it will default to checking if a `babel-loader` is used, if so then `webpack` will be used, ot…
38 | `webpack` | Bundling with [Webpack][webpack] |
41 [webpack]: https://webpack.js.org/
|
| /expo/packages/expo-yarn-workspaces/ |
| H A D | README.md | 45 **Create a file named `webpack.config.js` in the app's base directory with these contents:**
48 const { createWebpackConfigAsync } = require('expo-yarn-workspaces/webpack');
56 …s a webpack config object that can be customized further - for all available options see: https://…
|
| H A D | CHANGELOG.md | 37 - Bump `@expo/metro-config`, `@expo/webpack-config`. ([#20720](https://github.com/expo/expo/pull/20…
64 - Updated `@expo/webpack-config` from `0.16.6` to `0.16.14` ([#15621](https://github.com/expo/expo/…
81 - Updated `@expo/metro-config`, `@expo/webpack-config` ([#14443](https://github.com/expo/expo/pull/…
|
| /expo/docs/.vale/writing-styles/expo-docs/ |
| H A D | HeadingCase.yml | 203 - webpack
204 - webpack.config.js
|
| /expo/docs/pages/workflow/ |
| H A D | web.mdx | 19 <Terminal cmd={['$ npx expo install react-dom react-native-web @expo/webpack-config']} />
40 Finally you can start the webpack dev server with:
46 …can try experimental [Metro web support](/guides/customizing-metro#web-support) instead of webpack.
|
| /expo/docs/ |
| H A D | next.config.js | 53 webpack: (config, options) => {
|
| /expo/docs/pages/distribution/ |
| H A D | publishing-websites.mdx | 30 <Tab label="webpack">
32 Run the webpack export command to compile the project for web:
72 <Tab label="webpack">
120 <Tab label="webpack">
147 <Tab label="webpack">
201 <Tab label="webpack">
379 <Tab label="webpack">
405 <Tab label="webpack">
|
| /expo/packages/@expo/cli/src/start/server/ |
| H A D | DevServerManager.ts | 27 webpack: () =>
|
| /expo/packages/babel-preset-expo/src/__tests__/__snapshots__/ |
| H A D | index.test.ts.snap | 301 exports[`webpack aliases @expo/vector-icons 1`] = `
309 exports[`webpack composes with babel-plugin-module-resolver 1`] = `
315 exports[`webpack supports automatic JSX runtime 1`] = `
323 exports[`webpack supports classic JSX runtime 1`] = `
331 exports[`webpack supports disabling reanimated 1`] = `
339 exports[`webpack supports reanimated worklets 1`] = `
347 exports[`webpack transpiles non-standard exports 1`] = `
352 exports[`webpack uses the platform's react-native import 1`] = `"import View from"react-native-web/…
|
| /expo/docs/pages/troubleshooting/ |
| H A D | clear-cache-macos-linux.mdx | 73 …| Restart the development server and instruct the bundlers (for example, webpack, Metro) to clear …
|
| H A D | clear-cache-windows.mdx | 71 …| Restart the development server and instruct the bundlers (for example, webpack, Metro) to clear …
|
| /expo/tools/ |
| H A D | yarn.lock | 1270 webpack "4.43.0"
1352 webpack "4.43.0"
2361 "@types/webpack-sources@*":
2370 "@types/webpack@^4.4.31", "@types/webpack@^4.41.8":
9865 pnp-webpack-plugin@^1.5.0:
12861 webpack-log "^2.0.0"
12863 webpack[email protected]:
12898 webpack-log "^2.0.0"
12902 webpack-log@^2.0.0:
12920 webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
[all …]
|
| /expo/.github/ISSUE_TEMPLATE/ |
| H A D | bug_report_router.yml | 43 - webpack (unsupported)
|
| /expo/docs/pages/more/ |
| H A D | expo-cli.mdx | 76 | <kbd>W</kbd> | Open the project in a web browser. This may require webpack to …
103 - `--port`: Port to start the dev server on (does not apply to webpack or [tunnel URLs](#tunneling)…
331 ### Exporting with webpack
333 > webpack is only supported for the Web platform.
335 You can export the JavaScript and assets for your web app using webpack by running the following:
470 - **webpack.config.js** -- The default webpack config for web development.
479 …I from forcing web dependencies (`react-dom`, `react-native-web`, `@expo/webpack-config`) to be in…
495 …o CLI will use `['browser', 'module', 'main']`, which is the default for webpack, for the web and …
|