Managing CSS and JavaScript

Do you prefer video tutorials? Check out the Webpack Encore screencast series.

is a simpler way to integrate Webpack into your application.It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules,pre-processing CSS & JS and compiling and minifying assets. Encore gives you professionalasset system that's a delight to use.

Tip

• First Example

Adding more Features

• PostCSS and autoprefixing
• Enabling Vue.js (vue-loader)
• Configuring Babel
• Enabling TypeScript (ts-loader)

• Using a CDN
• Preventing Duplication by "Splitting" Shared Code into Separate Files

Guides

• Creating Page-Specific CSS/JS
• Passing Information from Twig to JavaScript
• Adding custom loaders & plugins
• Using Encore in a Virtual Machine

• Encore Versus Assetic?

Full API

• How to Use a Custom Version Strategy for Assets