Skip to Content
React 16 Tooling
book

React 16 Tooling

by Adam Boduch, Christopher Pitt
April 2018
Intermediate to advanced content levelIntermediate to advanced
298 pages
6h 34m
English
Packt Publishing
Content preview from React 16 Tooling

Loading and compiling files

Loading and compiling files for your bundle are probably the most important capabilities of Webpack. Interestingly, Webpack doesn't directly process your files once they're loaded. Instead, it coordinates I/O as it passes through Webpack loader plugins. For example, the Webpack configuration used by react-scripts uses the following loader plugins:

  • Babel: The Babel loader transpiles the JavaScript in your application's source files into JavaScript that all browsers will understand. Babel will also take care of compiling your JSX syntax into regular JavaScript.
  • CSS: There are a couple loaders used by react-scripts that result in CSS output:
    • style-loader: Import CSS modules like JavaScript modules using the import ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Pro React 16

Pro React 16

Adam Freeman

Publisher Resources

ISBN: 9781788835015Supplemental Content