mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-25 05:03:07 +00:00
webpack 2 is now stable (#8859)
Remove notice about different webpack versions Update webpack URLs
This commit is contained in:
committed by
Dan Abramov
parent
bc9f9d29e2
commit
ef91c63115
@@ -110,7 +110,7 @@ To install React with npm, run:
|
||||
npm install --save react@15.4.0 react-dom@15.4.0
|
||||
```
|
||||
|
||||
We recommend using a bundler like [webpack](https://webpack.github.io/) or [Browserify](http://browserify.org/) so you can write modular code and bundle it together into small packages to optimize load time.
|
||||
We recommend using a bundler like [webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/) so you can write modular code and bundle it together into small packages to optimize load time.
|
||||
|
||||
Remember that by default, React runs extra checks and provides helpful warnings in development mode. When deploying your app, make sure to [compile it in production mode](/react/docs/installation.html#development-and-production-versions).
|
||||
|
||||
|
||||
@@ -31,7 +31,7 @@ cd hello-world
|
||||
npm start
|
||||
```
|
||||
|
||||
Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. It uses [webpack](https://webpack.github.io/), [Babel](http://babeljs.io/) and [ESLint](http://eslint.org/) under the hood, but configures them for you.
|
||||
Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. It uses [webpack](https://webpack.js.org/), [Babel](http://babeljs.io/) and [ESLint](http://eslint.org/) under the hood, but configures them for you.
|
||||
|
||||
## Adding React to an Existing Application
|
||||
|
||||
@@ -42,7 +42,7 @@ We recommend adding React to a small part of your application, such an individua
|
||||
While React [can be used](/react/docs/react-without-es6.html) without a build pipeline, we recommend setting it up so you can be more productive. A modern build pipeline typically consists of:
|
||||
|
||||
* A **package manager**, such as [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/). It lets you take advantage of a vast ecosystem of third-party packages, and easily install or update them.
|
||||
* A **bundler**, such as [webpack](https://webpack.github.io/) or [Browserify](http://browserify.org/). It lets you write modular code and bundle it together into small packages to optimize load time.
|
||||
* A **bundler**, such as [webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/). It lets you write modular code and bundle it together into small packages to optimize load time.
|
||||
* A **compiler** such as [Babel](http://babeljs.io/). It lets you write modern JavaScript code that still works in older browsers.
|
||||
|
||||
### Installing React
|
||||
@@ -73,7 +73,7 @@ The [Babel setup instructions](https://babeljs.io/docs/setup/) explain how to co
|
||||
|
||||
### Hello World with ES6 and JSX
|
||||
|
||||
We recommend using a bundler like [webpack](https://webpack.github.io/) or [Browserify](http://browserify.org/) so you can write modular code and bundle it together into small packages to optimize load time.
|
||||
We recommend using a bundler like [webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/) so you can write modular code and bundle it together into small packages to optimize load time.
|
||||
|
||||
The smallest React example looks like this:
|
||||
|
||||
@@ -103,10 +103,6 @@ If you use [Create React App](https://github.com/facebookincubator/create-react-
|
||||
|
||||
Include both `DefinePlugin` and `UglifyJsPlugin` into your production Webpack configuration as described in [this guide](https://webpack.js.org/guides/production-build/).
|
||||
|
||||
> **Note:**
|
||||
>
|
||||
>This guide works with Webpack 1.x and 2, but is hosted on the new Webpack 2 site. If you're not using the Webpack 2 beta, refer to the [Webpack 1.x website](https://webpack.github.io/) for all other documentation.
|
||||
|
||||
#### Browserify
|
||||
|
||||
Run Browserify with `NODE_ENV` environment variable set to `production` and use [UglifyJS](https://github.com/mishoo/UglifyJS) as the last build step so that development-only code gets stripped out.
|
||||
|
||||
Reference in New Issue
Block a user