Skip to content

Upgrading react-scripts 0.4 to 0.5

Breaking0.4.3 → 0.5.1Breaking3New6Changed3Fixed3Other2

Full comparisonBack to react-scripts
BreakingUpgrade verdict

3 breaking changes.

In plain terms
  • Links in index.html must point to files in the public folder using the %PUBLIC_URL% variable.
  • If you use a global ESLint install for your editor, you must install the listed package versions.
  • You must create a public folder and move index.html and files like the favicon into it.
Must act 3 items need code or config changes

Adds react-scripts>0.5.1>autoprefixer 6.4.1, react-scripts>0.5.1>babel-core 6.14.0, react-scripts>0.5.1>babel-eslint 6.1.2, react-scripts>0.5.1>babel-jest 15.0.0, react-scripts>0.5.1>babel-loader 6.2.5, react-scripts>0.5.1>babel-preset-react-app ^0.2.1, react-scripts>0.5.1>case-sensitive-paths-webpack-plugin 1.1.4, react-scripts>0.5.1>chalk 1.1.3, react-scripts>0.5.1>connect-history-api-fallback 1.3.0, react-scripts>0.5.1>cross-spawn 4.0.0, react-scripts>0.5.1>css-loader 0.24.0, react-scripts>0.5.1>detect-port 1.0.0, react-scripts>0.5.1>dotenv 2.0.0, react-scripts>0.5.1>eslint 3.5.0, react-scripts>0.5.1>eslint-config-react-app ^0.2.1, react-scripts>0.5.1>eslint-loader 1.5.0, react-scripts>0.5.1>eslint-plugin-flowtype 2.18.1, react-scripts>0.5.1>eslint-plugin-import 1.12.0, react-scripts>0.5.1>eslint-plugin-jsx-a11y 2.2.2, react-scripts>0.5.1>eslint-plugin-react 6.3.0, react-scripts>0.5.1>extract-text-webpack-plugin 1.0.1, react-scripts>0.5.1>file-loader 0.9.0, react-scripts>0.5.1>filesize 3.3.0, react-scripts>0.5.1>find-cache-dir 0.1.1, react-scripts>0.5.1>fs-extra 0.30.0, react-scripts>0.5.1>gzip-size 3.0.0, react-scripts>0.5.1>html-webpack-plugin 2.22.0, react-scripts>0.5.1>http-proxy-middleware 0.17.1, react-scripts>0.5.1>jest 15.1.1, react-scripts>0.5.1>json-loader 0.5.4, react-scripts>0.5.1>object-assign 4.1.0, react-scripts>0.5.1>path-exists 2.1.0, react-scripts>0.5.1>postcss-loader 0.13.0, react-scripts>0.5.1>promise 7.1.1, react-scripts>0.5.1>react-dev-utils ^0.1.1, react-scripts>0.5.1>recursive-readdir 2.0.0, react-scripts>0.5.1>rimraf 2.5.4, react-scripts>0.5.1>strip-ansi 3.0.1, react-scripts>0.5.1>style-loader 0.13.1, react-scripts>0.5.1>url-loader 0.5.7, react-scripts>0.5.1>webpack 1.13.2, react-scripts>0.5.1>webpack-dev-server 1.16.1, react-scripts>0.5.1>whatwg-fetch 1.0.0.

Drops react-scripts>0.4.3>autoprefixer, react-scripts>0.4.3>babel-core, react-scripts>0.4.3>babel-eslint, react-scripts>0.4.3>babel-jest, react-scripts>0.4.3>babel-loader, react-scripts>0.4.3>babel-plugin-transform-class-properties, react-scripts>0.4.3>babel-plugin-transform-object-rest-spread, react-scripts>0.4.3>babel-plugin-transform-react-constant-elements, react-scripts>0.4.3>babel-plugin-transform-regenerator, react-scripts>0.4.3>babel-plugin-transform-runtime, react-scripts>0.4.3>babel-preset-latest, react-scripts>0.4.3>babel-preset-react, react-scripts>0.4.3>babel-runtime, react-scripts>0.4.3>case-sensitive-paths-webpack-plugin, react-scripts>0.4.3>chalk, react-scripts>0.4.3>connect-history-api-fallback, react-scripts>0.4.3>cross-spawn, react-scripts>0.4.3>css-loader, react-scripts>0.4.3>detect-port, react-scripts>0.4.3>eslint, react-scripts>0.4.3>eslint-loader, react-scripts>0.4.3>eslint-plugin-flowtype, react-scripts>0.4.3>eslint-plugin-import, react-scripts>0.4.3>eslint-plugin-jsx-a11y, react-scripts>0.4.3>eslint-plugin-react, react-scripts>0.4.3>extract-text-webpack-plugin, react-scripts>0.4.3>file-loader, react-scripts>0.4.3>filesize, react-scripts>0.4.3>find-cache-dir, react-scripts>0.4.3>fs-extra, react-scripts>0.4.3>gzip-size, react-scripts>0.4.3>html-loader, react-scripts>0.4.3>html-webpack-plugin, react-scripts>0.4.3>http-proxy-middleware, react-scripts>0.4.3>jest, react-scripts>0.4.3>json-loader, react-scripts>0.4.3>object-assign, react-scripts>0.4.3>opn, react-scripts>0.4.3>path-exists, react-scripts>0.4.3>postcss-loader, react-scripts>0.4.3>promise, react-scripts>0.4.3>recursive-readdir, react-scripts>0.4.3>rimraf, react-scripts>0.4.3>strip-ansi, react-scripts>0.4.3>style-loader, react-scripts>0.4.3>url-loader, react-scripts>0.4.3>webpack, react-scripts>0.4.3>webpack-dev-server, react-scripts>0.4.3>whatwg-fetch.

Installs 1053 packages in all (was 939).

What you must change

Breaking3
index.html can no longer reference files in ./src; it must use %PUBLIC_URL% for files in public.
%PUBLIC_URL%index.html
0.5.0GitHub ReleaseSummarizedView source
Requires installing specific global ESLint plugin versions for editor integration.
0.5.0GitHub ReleaseSummarizedView source
Requires moving index.html and its referenced files into a new public folder.
publicindex.html
0.5.0GitHub ReleaseSummarizedView source