webpack

import FirstLeft from "../components/Splash/first/left.mdx"; import FirstRight from "../components/Splash/first/right.mdx"; import SecondLeft from "../components/Splash/second/left.mdx"; import SecondRight from "../components/Splash/second/right.mdx"; import Install from "../components/Splash/install/install.mdx";

Install Webpack

<div className="splash__wrap"> <div className="splash__install"> <Install /> </div> </div>

Write Your Code

<div className="splash__wrap"> <div className="splash__left"> <FirstLeft /> </div> <div className="splash__right"> <FirstRight /> </div> </div>

Bundle It

<div className="splash__wrap"> <div className="splash__left"> <SecondLeft /> </div> <div className="splash__right"> <SecondRight /> </div> </div>

Then run webpack on the command-line to create bundle.js.

Awesome, isn't it? Let's dive in!

Get Started quickly in our Guides section, or dig into the Concepts section for more high-level information on the core notions behind webpack.