Skip to content

Commit 4784997

Browse files
author
Lewis Llobera
authoredFeb 13, 2020
Correct webpack name casing (#8475)
webpack should always be written in lower-case, according to webpack's branding guidelines https://webpack.js.org/branding
1 parent 589b41a commit 4784997

28 files changed

+83
-83
lines changed
 

‎CHANGELOG-0.x.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -690,9 +690,9 @@ npm install -g create-react-app@1.0.1
690690

691691
Historically we have allowed specifying `NODE_PATH` environment variable as a way to allow “absolute imports”. For example, running `NODE_PATH=src npm start` in Bash or `set NODE_PATH=src&&npm start` in Windows Cmd would let you import anything inside `src` without specifying a relative path. However, we found a few nasty edge cases when Node.js core modules end up being in `NODE_PATH` and erroneously become bundled. As a result the build would crash on some systems when some libraries are imported. To fix this, we now only honor relative paths from `NODE_PATH` in Create React App. This means the existing use case for absolute imports is still supported (`src` in the example above is relative), but absolute paths in `NODE_PATH` (such as paths to Node.js core modules) will be ignored.
692692

693-
* [#1188](https://github.com/facebook/create-react-app/pull/1188) Update Webpack to fix source map issues. ([@gaearon](https://github.com/gaearon))
693+
* [#1188](https://github.com/facebook/create-react-app/pull/1188) Update webpack to fix source map issues. ([@gaearon](https://github.com/gaearon))
694694

695-
Since 0.8.0, we show source maps in development instead of the compiled code. However, it has come to our attention that Webpack's source map implementation had issues interpreting Babel output, and caused source maps to be wrong and breakpoints to be unusable in some cases. Webpack has released a fix for this, and we have updated the minimal version of Webpack that we are using.
695+
Since 0.8.0, we show source maps in development instead of the compiled code. However, it has come to our attention that webpack's source map implementation had issues interpreting Babel output, and caused source maps to be wrong and breakpoints to be unusable in some cases. webpack has released a fix for this, and we have updated the minimal version of webpack that we are using.
696696

697697
* [#1180](https://github.com/facebook/create-react-app/pull/1180) Use `file-loader` for svgs. ([@bogdansoare](https://github.com/bogdansoare))
698698

@@ -945,7 +945,7 @@ Thanks to [@fson](https://github.com/fson) for cutting this release.
945945

946946
### ESLint Config (`eslint-config-react-app`)
947947

948-
* Adds `import/no-webpack-loader-syntax` rule that forbids using custom Webpack specific syntax to specify Webpack loaders in import statements. ([@fson](https://github.com/fson) in [#803](https://github.com/facebook/create-react-app/pull/803))
948+
* Adds `import/no-webpack-loader-syntax` rule that forbids using custom webpack specific syntax to specify webpack loaders in import statements. ([@fson](https://github.com/fson) in [#803](https://github.com/facebook/create-react-app/pull/803))
949949
* `react/react-in-jsx-scope` rule ("React must be in scope") is now an error. ([@gaearon](https://github.com/gaearon) in [#822](https://github.com/facebook/create-react-app/pull/822))
950950
* `no-unused-expressions` rule now allows the use of short circuit and ternary expressions. ([@cannona](https://github.com/cannona) in [#724](https://github.com/facebook/create-react-app/pull/724))
951951

@@ -958,7 +958,7 @@ Thanks to [@fson](https://github.com/fson) for cutting this release.
958958
### Utilities (`react-dev-utils`)
959959

960960
* The error overlay is now disposed after fixing linting errors. ([@jarlef](https://github.com/jarlef) in [#856](https://github.com/facebook/create-react-app/pull/856))
961-
* Adds support for Webpack 2 to `webpackHotDevClient`. ([@michalkvasnicak](https://github.com/michalkvasnicak) in [#840](https://github.com/facebook/create-react-app/pull/840))
961+
* Adds support for webpack 2 to `webpackHotDevClient`. ([@michalkvasnicak](https://github.com/michalkvasnicak) in [#840](https://github.com/facebook/create-react-app/pull/840))
962962

963963
### Global CLI (`create-react-app`)
964964

@@ -1201,7 +1201,7 @@ Paths like `/src/somefile.png` used to be served in development, but only by acc
12011201

12021202
If you need a static file to be part for the build, [import it from JavaScript and you will get its filename](https://github.com/facebook/create-react-app/blob/master/template/README.md#adding-images-and-fonts). This ensures it gets included into the production build as well, and its filename contains the content hash.
12031203

1204-
If you used static files with `<link href>`, [read this new guide](https://github.com/facebook/create-react-app/blob/master/template/README.md#referring-to-static-assets-from-link-href) on how to make sure these files get included into the builds. For example, you can replace `<link href="/src/favicons/favicon-32.png">` with `<link href="./src/favicons/favicon-32.png">`, and then Webpack will recognize it and include it into the build.
1204+
If you used static files with `<link href>`, [read this new guide](https://github.com/facebook/create-react-app/blob/master/template/README.md#referring-to-static-assets-from-link-href) on how to make sure these files get included into the builds. For example, you can replace `<link href="/src/favicons/favicon-32.png">` with `<link href="./src/favicons/favicon-32.png">`, and then webpack will recognize it and include it into the build.
12051205

12061206
If you referenced some other files from `index.html`, please file an issue to discuss your use case. In the meantime, you can serve them from a separate static server until your use case is supported.
12071207

@@ -1315,7 +1315,7 @@ Newly created projects will use `0.2.2` automatically. You **don’t** need to u
13151315
### Build Dependency (`react-scripts`)
13161316

13171317
* Fixes an issue with `npm start` taking a very long time on OS X with Firewall enabled ([@gaearon](https://github.com/gaearon) in [#319](https://github.com/facebook/create-react-app/pull/319))
1318-
* Fixes an issue with Webpack eating a lot of CPU in some cases ([@dceddia](https://github.com/dceddia) in [#294](https://github.com/facebook/create-react-app/pull/294))
1318+
* Fixes an issue with webpack eating a lot of CPU in some cases ([@dceddia](https://github.com/dceddia) in [#294](https://github.com/facebook/create-react-app/pull/294))
13191319
* We now warn if you import a file with mismatched casing because this breaks the watcher ([@alexzherdev](https://github.com/alexzherdev) in [#266](https://github.com/facebook/create-react-app/pull/266))
13201320
* CSS files specifying `?v=` after asset filenames, such as Font Awesome, now works correctly ([@alexzherdev](https://github.com/alexzherdev) in [#298](https://github.com/facebook/create-react-app/pull/298))
13211321
* Issues with `npm link`ing `react-scripts` have been fixed ([@dallonf](https://github.com/dallonf) in [#277](https://github.com/facebook/create-react-app/pull/277))

‎CHANGELOG-1.x.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -280,7 +280,7 @@ yarn add --exact react-scripts@1.1.1
280280
- [#3757](https://github.com/facebook/create-react-app/pull/3757) Try updating Flow. ([@gaearon](https://github.com/gaearon))
281281
- [#3414](https://github.com/facebook/create-react-app/pull/3414) Export `dismissRuntimeErrors` function. ([@skidding](https://github.com/skidding))
282282
- [#3036](https://github.com/facebook/create-react-app/pull/3036) Cleaning up `printHostingInstructions` a bit. ([@GreenGremlin](https://github.com/GreenGremlin))
283-
- [#3514](https://github.com/facebook/create-react-app/pull/3514) Fix `FileSizeReporter` for multi build Webpack setups. ([@iiska](https://github.com/iiska))
283+
- [#3514](https://github.com/facebook/create-react-app/pull/3514) Fix `FileSizeReporter` for multi build webpack setups. ([@iiska](https://github.com/iiska))
284284
- [#3362](https://github.com/facebook/create-react-app/pull/3362) Refactor extra watch options regex to `react-dev-utils`. ([@xjlim](https://github.com/xjlim))
285285

286286
#### Committers: 47
@@ -1104,7 +1104,7 @@ or
11041104
yarn add --dev --exact react-scripts@1.0.8
11051105
```
11061106

1107-
**If you previously used `HTTPS=true` environment variable in development**, make sure you aren't affected by a now-fixed vulnerability in Webpack by [visiting this page](http://badcert.mike.works/). You can read more about the vulnerability [here](https://medium.com/@mikenorth/webpack-preact-cli-vulnerability-961572624c54).
1107+
**If you previously used `HTTPS=true` environment variable in development**, make sure you aren't affected by a now-fixed vulnerability in webpack by [visiting this page](http://badcert.mike.works/). You can read more about the vulnerability [here](https://medium.com/@mikenorth/webpack-preact-cli-vulnerability-961572624c54).
11081108

11091109
You may optionally then move `react-scripts` from `devDependencies` to `dependencies` since that’s how we’ll structure newly created projects. It is not necessary though.
11101110

@@ -1724,7 +1724,7 @@ Please [file an issue](https://github.com/facebook/create-react-app/issues/new)
17241724
- `react-dev-utils`
17251725
- [#2125](https://github.com/facebook/create-react-app/pull/2125) Only show the first compilation error. ([@gaearon](https://github.com/gaearon))
17261726
- [#2120](https://github.com/facebook/create-react-app/pull/2120) Omit ESLint warnings when there are ESLint errors. ([@gaearon](https://github.com/gaearon))
1727-
- [#2113](https://github.com/facebook/create-react-app/pull/2113) Prettify errors and warnings for Webpack 2. ([@gaearon](https://github.com/gaearon))
1727+
- [#2113](https://github.com/facebook/create-react-app/pull/2113) Prettify errors and warnings for webpack 2. ([@gaearon](https://github.com/gaearon))
17281728
- [#1842](https://github.com/facebook/create-react-app/pull/1842) Modularize and extract crash overlay to iframe. ([@Timer](https://github.com/Timer))
17291729
- `create-react-app`
17301730
- [#1811](https://github.com/facebook/create-react-app/pull/1811) Allow creation of apps in empty Mercurial repos. ([@GreenGremlin](https://github.com/GreenGremlin))
@@ -1770,7 +1770,7 @@ Please [file an issue](https://github.com/facebook/create-react-app/issues/new)
17701770
- [#1736](https://github.com/facebook/create-react-app/pull/1736) Fix eject for linked react-scripts. ([@tuchk4](https://github.com/tuchk4))
17711771
- [#1741](https://github.com/facebook/create-react-app/pull/1741) Fix internal linting setup. ([@gaearon](https://github.com/gaearon))
17721772
- [#1730](https://github.com/facebook/create-react-app/pull/1730) Fix Node 4 e2e tests. ([@Timer](https://github.com/Timer))
1773-
- [#1715](https://github.com/facebook/create-react-app/pull/1715) Remove unused `url` import in Webpack config. ([@pd4d10](https://github.com/pd4d10))
1773+
- [#1715](https://github.com/facebook/create-react-app/pull/1715) Remove unused `url` import in webpack config. ([@pd4d10](https://github.com/pd4d10))
17741774
- [#1700](https://github.com/facebook/create-react-app/pull/1700) Update extract-text-webpack-plugin to stable. ([@SimenB](https://github.com/SimenB))
17751775
- `react-dev-utils`, `react-scripts`
17761776
- [#2209](https://github.com/facebook/create-react-app/pull/2209) Move more logic from react-scripts to react-dev-utils. ([@gaearon](https://github.com/gaearon))

‎CHANGELOG-2.x.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -827,7 +827,7 @@ You can read more about [these polyfills here](https://github.com/facebook/creat
827827

828828
### Dynamic `import()` of a CommonJS module now has a `.default` property
829829

830-
[Webpack 4 changed the behavior of `import()`](https://medium.com/webpack/webpack-4-import-and-commonjs-d619d626b655) to be closer in line with the specification.
830+
[webpack 4 changed the behavior of `import()`](https://medium.com/webpack/webpack-4-import-and-commonjs-d619d626b655) to be closer in line with the specification.
831831

832832
Previously, importing a CommonJS module did not require you specify the default export. In most cases, this is now required.
833833
If you see errors in your application about `... is not a function`, you likely need to update your dynamic import, e.g.:
@@ -973,7 +973,7 @@ If you used 2.x alphas, please [follow these instructions](https://gist.github.c
973973
- `react-scripts`
974974
- [#5218](https://github.com/facebook/create-react-app/pull/5218) Support globalSetup and globalTeardown Jest options ([@gaearon](https://github.com/gaearon))
975975
- [#5073](https://github.com/facebook/create-react-app/pull/5073) Add user defined proxy via middleware ([@Timer](https://github.com/Timer))
976-
- [#3945](https://github.com/facebook/create-react-app/pull/3945) Allow bundles to be analyzed with Webpack-specific tools ([@joshwcomeau](https://github.com/joshwcomeau))
976+
- [#3945](https://github.com/facebook/create-react-app/pull/3945) Allow bundles to be analyzed with webpack-specific tools ([@joshwcomeau](https://github.com/joshwcomeau))
977977
- [#4195](https://github.com/facebook/create-react-app/pull/4195) Sass loader ([@Fabianopb](https://github.com/Fabianopb))
978978
- [#3909](https://github.com/facebook/create-react-app/pull/3909) Add loader for .graphql files ([@petetnt](https://github.com/petetnt))
979979
- [#1288](https://github.com/facebook/create-react-app/pull/1288) Create git repository with initial commit ([@mauricedb](https://github.com/mauricedb))
@@ -988,7 +988,7 @@ If you used 2.x alphas, please [follow these instructions](https://gist.github.c
988988
- [#3865](https://github.com/facebook/create-react-app/pull/3865) Add opt-out for preset-flow to work with @babel/preset-typescript ([@oieduardorabelo](https://github.com/oieduardorabelo))
989989
- [#3675](https://github.com/facebook/create-react-app/pull/3675) add experimental babel-plugin-macros support ([@kentcdodds](https://github.com/kentcdodds))
990990
- `babel-preset-react-app`, `confusing-browser-globals`, `eslint-config-react-app`, `react-dev-utils`, `react-error-overlay`, `react-scripts`
991-
- [#4077](https://github.com/facebook/create-react-app/pull/4077) Webpack 4 ([@andriijas](https://github.com/andriijas))
991+
- [#4077](https://github.com/facebook/create-react-app/pull/4077) webpack 4 ([@andriijas](https://github.com/andriijas))
992992
- `create-react-app`
993993
- [#4350](https://github.com/facebook/create-react-app/pull/4350) Support package distribution tags ([@miraage](https://github.com/miraage))
994994
- `babel-preset-react-app`, `react-scripts`
@@ -1125,7 +1125,7 @@ If you used 2.x alphas, please [follow these instructions](https://gist.github.c
11251125
- [#4846](https://github.com/facebook/create-react-app/pull/4846) Update jest version ([@skoging](https://github.com/skoging))
11261126
- [#4362](https://github.com/facebook/create-react-app/pull/4362) Bumped jest version to 22.4.1 ([@CGreenburg](https://github.com/CGreenburg))
11271127
- `babel-preset-react-app`, `confusing-browser-globals`, `eslint-config-react-app`, `react-dev-utils`, `react-error-overlay`, `react-scripts`
1128-
- [#4077](https://github.com/facebook/create-react-app/pull/4077) Webpack 4 ([@andriijas](https://github.com/andriijas))
1128+
- [#4077](https://github.com/facebook/create-react-app/pull/4077) webpack 4 ([@andriijas](https://github.com/andriijas))
11291129
- `babel-preset-react-app`
11301130
- [#4432](https://github.com/facebook/create-react-app/pull/4432) Update babel-plugin-macros to fix a bug ([@stereobooster](https://github.com/stereobooster))
11311131
- [#3818](https://github.com/facebook/create-react-app/pull/3818) Remove PropTypes from production build (#209) ([@iansu](https://github.com/iansu))

‎README.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ When you’re ready to deploy to production, create a minified bundle with `npm
2929

3030
### Get Started Immediately
3131

32-
You **don’t** need to install or configure tools like Webpack or Babel.<br>
32+
You **don’t** need to install or configure tools like webpack or Babel.<br>
3333
They are preconfigured and hidden so that you can focus on the code.
3434

3535
Create a project, and you’re good to go.
@@ -134,7 +134,7 @@ Please refer to the [User Guide](https://facebook.github.io/create-react-app/doc
134134

135135
## Philosophy
136136

137-
- **One Dependency:** There is only one build dependency. It uses Webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.
137+
- **One Dependency:** There is only one build dependency. It uses webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.
138138

139139
- **No Configuration Required:** You don't need to configure anything. A reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.
140140

@@ -169,7 +169,7 @@ Here are a few common cases where you might want to try something else:
169169

170170
- If you want to **try React** without hundreds of transitive build tool dependencies, consider [using a single HTML file or an online sandbox instead](https://reactjs.org/docs/try-react.html).
171171

172-
- If you need to **integrate React code with a server-side template framework** like Rails, Django or Symfony, or if you’re **not building a single-page app**, consider using [nwb](https://github.com/insin/nwb), or [Neutrino](https://neutrino.js.org/) which are more flexible. For Rails specifically, you can use [Rails Webpacker](https://github.com/rails/webpacker). For Symfony, try [Symfony's Webpack Encore](https://symfony.com/doc/current/frontend/encore/reactjs.html).
172+
- If you need to **integrate React code with a server-side template framework** like Rails, Django or Symfony, or if you’re **not building a single-page app**, consider using [nwb](https://github.com/insin/nwb), or [Neutrino](https://neutrino.js.org/) which are more flexible. For Rails specifically, you can use [Rails Webpacker](https://github.com/rails/webpacker). For Symfony, try [Symfony's webpack Encore](https://symfony.com/doc/current/frontend/encore/reactjs.html).
173173

174174
- If you need to **publish a React component**, [nwb](https://github.com/insin/nwb) can [also do this](https://github.com/insin/nwb#react-components-and-libraries), as well as [Neutrino's react-components preset](https://neutrino.js.org/packages/react-components/).
175175

‎docusaurus/docs/adding-a-stylesheet.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Adding a Stylesheet
44
sidebar_label: Adding Stylesheets
55
---
66

7-
This project setup uses [Webpack](https://webpack.js.org/) for handling all assets. Webpack offers a custom way of “extending” the concept of `import` beyond JavaScript. To express that a JavaScript file depends on a CSS file, you need to **import the CSS from the JavaScript file**:
7+
This project setup uses [webpack](https://webpack.js.org/) for handling all assets. webpack offers a custom way of “extending” the concept of `import` beyond JavaScript. To express that a JavaScript file depends on a CSS file, you need to **import the CSS from the JavaScript file**:
88

99
## `Button.css`
1010

@@ -18,7 +18,7 @@ This project setup uses [Webpack](https://webpack.js.org/) for handling all asse
1818

1919
```js
2020
import React, { Component } from 'react';
21-
import './Button.css'; // Tell Webpack that Button.js uses these styles
21+
import './Button.css'; // Tell webpack that Button.js uses these styles
2222

2323
class Button extends Component {
2424
render() {
@@ -28,8 +28,8 @@ class Button extends Component {
2828
}
2929
```
3030

31-
**This is not required for React** but many people find this feature convenient. You can read about the benefits of this approach [here](https://medium.com/seek-blog/block-element-modifying-your-javascript-components-d7f99fcab52b). However you should be aware that this makes your code less portable to other build tools and environments than Webpack.
31+
**This is not required for React** but many people find this feature convenient. You can read about the benefits of this approach [here](https://medium.com/seek-blog/block-element-modifying-your-javascript-components-d7f99fcab52b). However you should be aware that this makes your code less portable to other build tools and environments than webpack.
3232

3333
In development, expressing dependencies this way allows your styles to be reloaded on the fly as you edit them. In production, all CSS files will be concatenated into a single minified `.css` file in the build output.
3434

35-
If you are concerned about using Webpack-specific semantics, you can put all your CSS right into `src/index.css`. It would still be imported from `src/index.js`, but you could always remove that import if you later migrate to a different build tool.
35+
If you are concerned about using webpack-specific semantics, you can put all your CSS right into `src/index.css`. It would still be imported from `src/index.js`, but you could always remove that import if you later migrate to a different build tool.

‎docusaurus/docs/adding-images-fonts-and-files.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,17 @@ id: adding-images-fonts-and-files
33
title: Adding Images, Fonts, and Files
44
---
55

6-
With Webpack, using static assets like images and fonts works similarly to CSS.
6+
With webpack, using static assets like images and fonts works similarly to CSS.
77

8-
You can **`import` a file right in a JavaScript module**. This tells Webpack to include that file in the bundle. Unlike CSS imports, importing a file gives you a string value. This value is the final path you can reference in your code, e.g. as the `src` attribute of an image or the `href` of a link to a PDF.
8+
You can **`import` a file right in a JavaScript module**. This tells webpack to include that file in the bundle. Unlike CSS imports, importing a file gives you a string value. This value is the final path you can reference in your code, e.g. as the `src` attribute of an image or the `href` of a link to a PDF.
99

1010
To reduce the number of requests to the server, importing images that are less than 10,000 bytes returns a [data URI](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs) instead of a path. This applies to the following file extensions: bmp, gif, jpg, jpeg, and png. SVG files are excluded due to [#1153](https://github.com/facebook/create-react-app/issues/1153). You can control the 10,000 byte threshold by setting the `IMAGE_INLINE_SIZE_LIMIT` environment variable as documented in our [advanced configuration](advanced-configuration.md).
1111

1212
Here is an example:
1313

1414
```js
1515
import React from 'react';
16-
import logo from './logo.png'; // Tell Webpack this JS file uses this image
16+
import logo from './logo.png'; // Tell webpack this JS file uses this image
1717

1818
console.log(logo); // /logo.84287d09.png
1919

@@ -25,7 +25,7 @@ function Header() {
2525
export default Header;
2626
```
2727

28-
This ensures that when the project is built, Webpack will correctly move the images into the build folder, and provide us with correct paths.
28+
This ensures that when the project is built, webpack will correctly move the images into the build folder, and provide us with correct paths.
2929

3030
This works in CSS too:
3131

@@ -35,9 +35,9 @@ This works in CSS too:
3535
}
3636
```
3737

38-
Webpack finds all relative module references in CSS (they start with `./`) and replaces them with the final paths from the compiled bundle. If you make a typo or accidentally delete an important file, you will see a compilation error, like when you import a non-existent JavaScript module. The final filenames in the compiled bundle are generated by Webpack from content hashes. If the file content changes in the future, Webpack will give it a different name in production so you don’t need to worry about long-term caching of assets.
38+
webpack finds all relative module references in CSS (they start with `./`) and replaces them with the final paths from the compiled bundle. If you make a typo or accidentally delete an important file, you will see a compilation error, like when you import a non-existent JavaScript module. The final filenames in the compiled bundle are generated by webpack from content hashes. If the file content changes in the future, webpack will give it a different name in production so you don’t need to worry about long-term caching of assets.
3939

40-
Please be advised that this is also a custom feature of Webpack.
40+
Please be advised that this is also a custom feature of webpack.
4141

4242
**It is not required for React** but many people enjoy it (and React Native uses a similar mechanism for images).
4343

‎docusaurus/docs/available-scripts.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Your app is ready to be deployed! See the section about [deployment](deployment.
3030

3131
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
3232

33-
Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc.) into your project as dependencies in `package.json`. Technically, the distinction between dependencies and development dependencies is pretty arbitrary for front-end apps that produce static bundles.
33+
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc.) into your project as dependencies in `package.json`. Technically, the distinction between dependencies and development dependencies is pretty arbitrary for front-end apps that produce static bundles.
3434

3535
In addition, it used to cause problems with some hosting platforms that didn't install development dependencies (and thus weren't able to build the project on the server or test it right before deployment). You are free to rearrange your dependencies in `package.json` as you see fit.
3636

‎docusaurus/docs/folder-structure.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ For the project to build, **these files must exist with exact filenames**:
2929

3030
You can delete or rename the other files.
3131

32-
You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by Webpack. You need to **put any JS and CSS files inside `src`**, otherwise Webpack won’t see them.
32+
You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by webpack. You need to **put any JS and CSS files inside `src`**, otherwise webpack won’t see them.
3333

3434
Only files inside `public` can be used from `public/index.html`. Read instructions below for using assets from JavaScript and HTML.
3535

‎docusaurus/docs/getting-started.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ When you’re ready to deploy to production, create a minified bundle with `npm
2828

2929
### Get Started Immediately
3030

31-
You **don’t** need to install or configure tools like Webpack or Babel. They are preconfigured and hidden so that you can focus on the code.
31+
You **don’t** need to install or configure tools like webpack or Babel. They are preconfigured and hidden so that you can focus on the code.
3232

3333
Create a project, and you’re good to go.
3434

‎docusaurus/docs/importing-a-component.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ id: importing-a-component
33
title: Importing a Component
44
---
55

6-
This project setup supports ES6 modules thanks to Webpack.
6+
This project setup supports ES6 modules thanks to webpack.
77

88
While you can still use `require()` and `module.exports`, we encourage you to use [`import` and `export`](http://exploringjs.com/es6/ch_modules.html) instead.
99

‎docusaurus/docs/troubleshooting.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ If this doesn’t happen, try one of the following workarounds:
1212

1313
- Check that your file is imported by your entrypoint. TypeScript will show errors on any of your source files, but webpack only reloads your files if they are directly or indirectly imported by one of your entrypoints.
1414
- If your project is in a Dropbox folder, try moving it out.
15-
- If the watcher doesn’t see a file called `index.js` and you’re referencing it by the folder name, you [need to restart the watcher](https://github.com/facebook/create-react-app/issues/1164) due to a Webpack bug.
15+
- If the watcher doesn’t see a file called `index.js` and you’re referencing it by the folder name, you [need to restart the watcher](https://github.com/facebook/create-react-app/issues/1164) due to a webpack bug.
1616
- Some editors like Vim and IntelliJ have a “safe write” feature that currently breaks the watcher. You will need to disable it. Follow the instructions in [“Adjusting Your Text Editor”](https://webpack.js.org/guides/development/#adjusting-your-text-editor).
17-
- If your project path contains parentheses, try moving the project to a path without them. This is caused by a [Webpack watcher bug](https://github.com/webpack/watchpack/issues/42).
17+
- If your project path contains parentheses, try moving the project to a path without them. This is caused by a [webpack watcher bug](https://github.com/webpack/watchpack/issues/42).
1818
- On Linux and macOS, you might need to [tweak system settings](https://github.com/webpack/docs/wiki/troubleshooting#not-enough-watchers) to allow more watchers.
1919
- If the project runs inside a virtual machine such as (a Vagrant provisioned) VirtualBox, create an `.env` file in your project directory if it doesn’t exist, and add `CHOKIDAR_USEPOLLING=true` to it. This ensures that the next time you run `npm start`, the watcher uses the polling mode, as necessary inside a VM.
2020

‎docusaurus/docs/using-the-public-folder.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ This mechanism provides a number of benefits:
2424

2525
However there is an **escape hatch** that you can use to add an asset outside of the module system.
2626

27-
If you put a file into the `public` folder, it will **not** be processed by Webpack. Instead it will be copied into the build folder untouched. To reference assets in the `public` folder, you need to use an environment variable called `PUBLIC_URL`.
27+
If you put a file into the `public` folder, it will **not** be processed by webpack. Instead it will be copied into the build folder untouched. To reference assets in the `public` folder, you need to use an environment variable called `PUBLIC_URL`.
2828

2929
Inside `index.html`, you can use it like this:
3030

@@ -61,6 +61,6 @@ The `public` folder is useful as a workaround for a number of less common cases:
6161
- You need a file with a specific name in the build output, such as [`manifest.webmanifest`](https://developer.mozilla.org/en-US/docs/Web/Manifest).
6262
- You have thousands of images and need to dynamically reference their paths.
6363
- You want to include a small script like [`pace.js`](https://github.hubspot.com/pace/docs/welcome/) outside of the bundled code.
64-
- Some library may be incompatible with Webpack and you have no other option but to include it as a `<script>` tag.
64+
- Some library may be incompatible with webpack and you have no other option but to include it as a `<script>` tag.
6565

6666
Note that if you add a `<script>` that declares global variables, you should read the topic [Using Global Variables](using-global-variables.md) in the next section which explains how to reference them.

‎docusaurus/website/src/pages/index.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ const features = [
3131
{
3232
title: 'No Lock-In',
3333
content:
34-
'Under the hood, we use Webpack, Babel, ESLint, and other amazing projects to power your app. If you ever want an advanced configuration, you can ”eject” from Create React App and edit their config files directly.',
34+
'Under the hood, we use webpack, Babel, ESLint, and other amazing projects to power your app. If you ever want an advanced configuration, you can ”eject” from Create React App and edit their config files directly.',
3535
},
3636
];
3737

‎packages/cra-template-typescript/template/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ See the section about [deployment](https://facebook.github.io/create-react-app/d
3333

3434
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
3535

36-
Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
36+
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
3737

3838
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
3939

‎packages/cra-template/template/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ See the section about [deployment](https://facebook.github.io/create-react-app/d
3333

3434
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
3535

36-
Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
36+
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
3737

3838
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
3939

‎packages/react-dev-utils/InterpolateHtmlPlugin.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
* LICENSE file in the root directory of this source tree.
66
*/
77

8-
// This Webpack plugin lets us interpolate custom variables into `index.html`.
8+
// This webpack plugin lets us interpolate custom variables into `index.html`.
99
// Usage: `new InterpolateHtmlPlugin(HtmlWebpackPlugin, { 'MY_VARIABLE': 42 })`
1010
// Then, you can use %MY_VARIABLE% in your `index.html`.
1111

‎packages/react-dev-utils/README.md

+13-13
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,15 @@ There is no single entry point. You can only import individual top-level modules
2020

2121
#### `new InterpolateHtmlPlugin(htmlWebpackPlugin: HtmlWebpackPlugin, replacements: {[key:string]: string})`
2222

23-
This Webpack plugin lets us interpolate custom variables into `index.html`.<br>
23+
This webpack plugin lets us interpolate custom variables into `index.html`.<br>
2424
It works in tandem with [HtmlWebpackPlugin](https://github.com/ampedandwired/html-webpack-plugin) 2.x via its [events](https://github.com/ampedandwired/html-webpack-plugin#events).
2525

2626
```js
2727
var path = require('path');
2828
var HtmlWebpackPlugin = require('html-webpack-plugin');
2929
var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
3030

31-
// Webpack config
31+
// webpack config
3232
var publicUrl = '/my-custom-url';
3333

3434
module.exports = {
@@ -58,15 +58,15 @@ module.exports = {
5858

5959
#### `new InlineChunkHtmlPlugin(htmlWebpackPlugin: HtmlWebpackPlugin, tests: Regex[])`
6060

61-
This Webpack plugin inlines script chunks into `index.html`.<br>
61+
This webpack plugin inlines script chunks into `index.html`.<br>
6262
It works in tandem with [HtmlWebpackPlugin](https://github.com/ampedandwired/html-webpack-plugin) 4.x.
6363

6464
```js
6565
var path = require('path');
6666
var HtmlWebpackPlugin = require('html-webpack-plugin');
6767
var InlineChunkHtmlPlugin = require('react-dev-utils/InlineChunkHtmlPlugin');
6868

69-
// Webpack config
69+
// webpack config
7070
var publicUrl = '/my-custom-url';
7171

7272
module.exports = {
@@ -91,7 +91,7 @@ module.exports = {
9191

9292
#### `new ModuleScopePlugin(appSrc: string | string[], allowedFiles?: string[])`
9393

94-
This Webpack plugin ensures that relative imports from app's source directories don't reach outside of it.
94+
This webpack plugin ensures that relative imports from app's source directories don't reach outside of it.
9595

9696
```js
9797
var path = require('path');
@@ -113,21 +113,21 @@ module.exports = {
113113

114114
#### `new WatchMissingNodeModulesPlugin(nodeModulesPath: string)`
115115

116-
This Webpack plugin ensures `npm install <library>` forces a project rebuild.<br>
117-
We’re not sure why this isn't Webpack's default behavior.<br>
116+
This webpack plugin ensures `npm install <library>` forces a project rebuild.<br>
117+
We’re not sure why this isn't webpack's default behavior.<br>
118118
See [#186](https://github.com/facebook/create-react-app/issues/186) for details.
119119

120120
```js
121121
var path = require('path');
122122
var WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
123123

124-
// Webpack config
124+
// webpack config
125125
module.exports = {
126126
// ...
127127
plugins: [
128128
// ...
129129
// If you require a missing module and then `npm install` it, you still have
130-
// to restart the development server for Webpack to discover it. This plugin
130+
// to restart the development server for webpack to discover it. This plugin
131131
// makes the discovery automatic so you don't have to restart.
132132
// See https://github.com/facebook/create-react-app/issues/186
133133
new WatchMissingNodeModulesPlugin(path.resolve('node_modules')),
@@ -315,7 +315,7 @@ if (openBrowser('http://localhost:3000')) {
315315

316316
Prints hosting instructions after the project is built.
317317

318-
Pass your parsed `package.json` object as `appPackage`, your the URL where you plan to host the app as `publicUrl`, `output.publicPath` from your Webpack configuration as `publicPath`, the `buildFolder` name, and whether to `useYarn` in instructions.
318+
Pass your parsed `package.json` object as `appPackage`, your the URL where you plan to host the app as `publicUrl`, `output.publicPath` from your webpack configuration as `publicPath`, the `buildFolder` name, and whether to `useYarn` in instructions.
319319

320320
```js
321321
const appPackage = require(paths.appPackageJson);
@@ -332,7 +332,7 @@ Returns a Promise resolving to either `defaultPort` or next available port if th
332332

333333
##### `createCompiler(args: Object): WebpackCompiler`
334334

335-
Creates a Webpack compiler instance for WebpackDevServer with built-in helpful messages.
335+
Creates a webpack compiler instance for WebpackDevServer with built-in helpful messages.
336336

337337
The `args` object accepts a number of properties:
338338

@@ -357,10 +357,10 @@ Returns an object with local and remote URLs for the development server. Pass th
357357

358358
This is an alternative client for [WebpackDevServer](https://github.com/webpack/webpack-dev-server) that shows a syntax error overlay.
359359

360-
It currently supports only Webpack 3.x.
360+
It currently supports only webpack 3.x.
361361

362362
```js
363-
// Webpack development config
363+
// webpack development config
364364
module.exports = {
365365
// ...
366366
entry: [

‎packages/react-dev-utils/WatchMissingNodeModulesPlugin.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
* LICENSE file in the root directory of this source tree.
66
*/
77

8-
// This Webpack plugin ensures `npm install <library>` forces a project rebuild.
9-
// We’re not sure why this isn't Webpack's default behavior.
8+
// This webpack plugin ensures `npm install <library>` forces a project rebuild.
9+
// We’re not sure why this isn't webpack's default behavior.
1010
// See https://github.com/facebook/create-react-app/issues/186.
1111

1212
'use strict';

‎packages/react-dev-utils/WebpackDevServerUtils.js

+4-4
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ function createCompiler({
111111
tscCompileOnError,
112112
webpack,
113113
}) {
114-
// "Compiler" is a low-level interface to Webpack.
114+
// "Compiler" is a low-level interface to webpack.
115115
// It lets us listen to some events and provide our own custom messages.
116116
let compiler;
117117
try {
@@ -124,7 +124,7 @@ function createCompiler({
124124
process.exit(1);
125125
}
126126

127-
// "invalid" event fires when you have changed a file, and Webpack is
127+
// "invalid" event fires when you have changed a file, and webpack is
128128
// recompiling a bundle. WebpackDevServer takes care to pause serving the
129129
// bundle, so if you refresh, it'll wait instead of serving the old one.
130130
// "invalid" is short for "bundle invalidated", it doesn't imply any errors.
@@ -162,14 +162,14 @@ function createCompiler({
162162
});
163163
}
164164

165-
// "done" event fires when Webpack has finished recompiling the bundle.
165+
// "done" event fires when webpack has finished recompiling the bundle.
166166
// Whether or not you have warnings or errors, you will get this event.
167167
compiler.hooks.done.tap('done', async stats => {
168168
if (isInteractive) {
169169
clearConsole();
170170
}
171171

172-
// We have switched off the default Webpack output in WebpackDevServer
172+
// We have switched off the default webpack output in WebpackDevServer
173173
// options so we are going to "massage" the warnings and errors and present
174174
// them in a readable focused way.
175175
// We only construct the warnings and errors for speed:

‎packages/react-dev-utils/formatWebpackMessages.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ function isLikelyASyntaxError(message) {
1818
function formatMessage(message) {
1919
let lines = message.split('\n');
2020

21-
// Strip Webpack-added headers off errors/warnings
21+
// Strip webpack-added headers off errors/warnings
2222
// https://github.com/webpack/webpack/blob/master/lib/ModuleError.js
2323
lines = lines.filter(line => !/Module [A-z ]+\(from/.test(line));
2424

@@ -85,7 +85,7 @@ function formatMessage(message) {
8585
message = lines.join('\n');
8686
// Internal stacks are generally useless so we strip them... with the
8787
// exception of stacks containing `webpack:` because they're normally
88-
// from user code generated by Webpack. For more information see
88+
// from user code generated by webpack. For more information see
8989
// https://github.com/facebook/create-react-app/pull/1050
9090
message = message.replace(
9191
/^\s*at\s((?!webpack:).)*:\d+:\d+[\s)]*(\n|$)/gm,

‎packages/react-dev-utils/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "react-dev-utils",
33
"version": "10.1.0",
4-
"description": "Webpack utilities used by Create React App",
4+
"description": "webpack utilities used by Create React App",
55
"repository": {
66
"type": "git",
77
"url": "https://github.com/facebook/create-react-app.git",

‎packages/react-dev-utils/webpackHotDevClient.js

+4-4
Original file line numberDiff line numberDiff line change
@@ -221,19 +221,19 @@ connection.onmessage = function(e) {
221221
function isUpdateAvailable() {
222222
/* globals __webpack_hash__ */
223223
// __webpack_hash__ is the hash of the current compilation.
224-
// It's a global variable injected by Webpack.
224+
// It's a global variable injected by webpack.
225225
return mostRecentCompilationHash !== __webpack_hash__;
226226
}
227227

228-
// Webpack disallows updates in other states.
228+
// webpack disallows updates in other states.
229229
function canApplyUpdates() {
230230
return module.hot.status() === 'idle';
231231
}
232232

233233
// Attempt to update code on the fly, fall back to a hard reload.
234234
function tryApplyUpdates(onHotUpdateSuccess) {
235235
if (!module.hot) {
236-
// HotModuleReplacementPlugin is not in Webpack configuration.
236+
// HotModuleReplacementPlugin is not in webpack configuration.
237237
window.location.reload();
238238
return;
239239
}
@@ -262,7 +262,7 @@ function tryApplyUpdates(onHotUpdateSuccess) {
262262
// https://webpack.github.io/docs/hot-module-replacement.html#check
263263
var result = module.hot.check(/* autoApply */ true, handleApplyUpdates);
264264

265-
// // Webpack 2 returns a Promise instead of invoking a callback
265+
// // webpack 2 returns a Promise instead of invoking a callback
266266
if (result && result.then) {
267267
result.then(
268268
function(updatedModules) {

‎packages/react-error-overlay/src/utils/getPrettyURL.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -27,13 +27,13 @@ function getPrettyURL(
2727
prettyURL = sourceFileName;
2828
}
2929
prettyURL += ':' + sourceLineNumber;
30-
// Note: we intentionally skip 0's because they're produced by cheap Webpack maps
30+
// Note: we intentionally skip 0's because they're produced by cheap webpack maps
3131
if (sourceColumnNumber) {
3232
prettyURL += ':' + sourceColumnNumber;
3333
}
3434
} else if (fileName && typeof lineNumber === 'number') {
3535
prettyURL = fileName + ':' + lineNumber;
36-
// Note: we intentionally skip 0's because they're produced by cheap Webpack maps
36+
// Note: we intentionally skip 0's because they're produced by cheap webpack maps
3737
if (columnNumber) {
3838
prettyURL += ':' + columnNumber;
3939
}

‎packages/react-scripts/config/env.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ dotenvFiles.forEach(dotenvFile => {
5454
// It works similar to `NODE_PATH` in Node itself:
5555
// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
5656
// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
57-
// Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
57+
// Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
5858
// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
5959
// We also resolve them to make sure all tools using them work consistently.
6060
const appDirectory = fs.realpathSync(process.cwd());
@@ -65,7 +65,7 @@ process.env.NODE_PATH = (process.env.NODE_PATH || '')
6565
.join(path.delimiter);
6666

6767
// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
68-
// injected into the application via DefinePlugin in Webpack configuration.
68+
// injected into the application via DefinePlugin in webpack configuration.
6969
const REACT_APP = /^REACT_APP_/i;
7070

7171
function getClientEnvironment(publicUrl) {
@@ -95,7 +95,7 @@ function getClientEnvironment(publicUrl) {
9595
WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
9696
}
9797
);
98-
// Stringify all values so we can feed into Webpack DefinePlugin
98+
// Stringify all values so we can feed into webpack DefinePlugin
9999
const stringified = {
100100
'process.env': Object.keys(raw).reduce((env, key) => {
101101
env[key] = JSON.stringify(raw[key]);

‎packages/react-scripts/config/paths.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
1919

2020
// We use `PUBLIC_URL` environment variable or "homepage" field to infer
2121
// "public path" at which the app is served.
22-
// Webpack needs to know it to put the right <script> hrefs into HTML even in
22+
// webpack needs to know it to put the right <script> hrefs into HTML even in
2323
// single-page apps that may serve index.html for nested URLs like /todos/42.
2424
// We can't use a relative path in HTML because we don't want to load something
2525
// like /todos/42/static/js/bundle.7289d.js. We have to know the root.

‎packages/react-scripts/config/webpack.config.js

+8-8
Original file line numberDiff line numberDiff line change
@@ -183,7 +183,7 @@ module.exports = function(webpackEnv) {
183183
chunkFilename: isEnvProduction
184184
? 'static/js/[name].[contenthash:8].chunk.js'
185185
: isEnvDevelopment && 'static/js/[name].chunk.js',
186-
// Webpack uses `publicPath` to determine where the app is being served from.
186+
// webpack uses `publicPath` to determine where the app is being served from.
187187
// It requires a trailing slash, or the file assets will get an incorrect path.
188188
// We inferred the "public path" (such as / or /my-project) from homepage.
189189
publicPath: paths.publicUrlOrPath,
@@ -195,7 +195,7 @@ module.exports = function(webpackEnv) {
195195
.replace(/\\/g, '/')
196196
: isEnvDevelopment &&
197197
(info => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')),
198-
// Prevents conflicts when multiple Webpack runtimes (from different apps)
198+
// Prevents conflicts when multiple webpack runtimes (from different apps)
199199
// are used on the same page.
200200
jsonpFunction: `webpackJsonp${appPackageJson.name}`,
201201
// this defaults to 'window', but by setting it to 'this' then
@@ -281,7 +281,7 @@ module.exports = function(webpackEnv) {
281281
},
282282
},
283283
resolve: {
284-
// This allows you to set a fallback for where Webpack should look for modules.
284+
// This allows you to set a fallback for where webpack should look for modules.
285285
// We placed these paths second because we want `node_modules` to "win"
286286
// if there are any conflicts. This matches Node resolution mechanism.
287287
// https://github.com/facebook/create-react-app/issues/253
@@ -322,7 +322,7 @@ module.exports = function(webpackEnv) {
322322
},
323323
resolveLoader: {
324324
plugins: [
325-
// Also related to Plug'n'Play, but this time it tells Webpack to load its loaders
325+
// Also related to Plug'n'Play, but this time it tells webpack to load its loaders
326326
// from the current package.
327327
PnpWebpackPlugin.moduleLoader(module),
328328
],
@@ -626,7 +626,7 @@ module.exports = function(webpackEnv) {
626626
// See https://github.com/facebook/create-react-app/issues/240
627627
isEnvDevelopment && new CaseSensitivePathsPlugin(),
628628
// If you require a missing module and then `npm install` it, you still have
629-
// to restart the development server for Webpack to discover it. This plugin
629+
// to restart the development server for webpack to discover it. This plugin
630630
// makes the discovery automatic so you don't have to restart.
631631
// See https://github.com/facebook/create-react-app/issues/186
632632
isEnvDevelopment &&
@@ -663,13 +663,13 @@ module.exports = function(webpackEnv) {
663663
},
664664
}),
665665
// Moment.js is an extremely popular library that bundles large locale files
666-
// by default due to how Webpack interprets its code. This is a practical
666+
// by default due to how webpack interprets its code. This is a practical
667667
// solution that requires the user to opt into importing specific locales.
668668
// https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
669669
// You can remove this if you don't use Moment.js:
670670
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
671671
// Generate a service worker script that will precache, and keep up to date,
672-
// the HTML & assets that are part of the Webpack build.
672+
// the HTML & assets that are part of the webpack build.
673673
isEnvProduction &&
674674
new WorkboxWebpackPlugin.GenerateSW({
675675
clientsClaim: true,
@@ -715,7 +715,7 @@ module.exports = function(webpackEnv) {
715715
}),
716716
].filter(Boolean),
717717
// Some libraries import Node modules but don't use them in the browser.
718-
// Tell Webpack to provide empty mocks for them so importing them works.
718+
// Tell webpack to provide empty mocks for them so importing them works.
719719
node: {
720720
module: 'empty',
721721
dgram: 'empty',

‎packages/react-scripts/config/webpackDevServer.config.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ module.exports = function(proxy, allowedHost) {
5959
// In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
6060
// Note that we only recommend to use `public` folder as an escape hatch
6161
// for files like `favicon.ico`, `manifest.json`, and libraries that are
62-
// for some reason broken when imported through Webpack. If you just want to
62+
// for some reason broken when imported through webpack. If you just want to
6363
// use an image, put it in `src` and `import` it from JavaScript instead.
6464
contentBase: paths.appPublic,
6565
contentBasePublicPath: paths.publicUrlOrPath,
@@ -68,7 +68,7 @@ module.exports = function(proxy, allowedHost) {
6868
// Enable hot reloading server. It will provide WDS_SOCKET_PATH endpoint
6969
// for the WebpackDevServer client so it can learn when the files were
7070
// updated. The WebpackDevServer client is included as an entry point
71-
// in the Webpack development configuration. Note that only changes
71+
// in the webpack development configuration. Note that only changes
7272
// to CSS are currently hot reloaded. JS changes will refresh the browser.
7373
hot: true,
7474
// Use 'ws' instead of 'sockjs-node' on server since we're using native
@@ -84,7 +84,7 @@ module.exports = function(proxy, allowedHost) {
8484
sockPath,
8585
sockPort,
8686
// It is important to tell WebpackDevServer to use the same "publicPath" path as
87-
// we specified in the Webpack config. When homepage is '.', default to serving
87+
// we specified in the webpack config. When homepage is '.', default to serving
8888
// from the root.
8989
// remove last slash so user can land on `/test` instead of `/test/`
9090
publicPath: paths.publicUrlOrPath.slice(0, -1),

‎packages/react-scripts/fixtures/kitchensink/template/integration/webpack.test.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const matchCSS = (doc, regexes) => {
3232
};
3333

3434
describe('Integration', () => {
35-
describe('Webpack plugins', () => {
35+
describe('webpack plugins', () => {
3636
let doc;
3737

3838
afterEach(() => {

0 commit comments

Comments
 (0)
Please sign in to comment.