PHPackages                             fastfony/webapp-webpack-encore-vue-sfc-pack - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. fastfony/webapp-webpack-encore-vue-sfc-pack

ActiveSymfony-pack[Utility & Helpers](/categories/utility)

fastfony/webapp-webpack-encore-vue-sfc-pack
===========================================

An other webapp pack on top of the default skeleton for compiling Vue single-file component (i.e. .vue) with Webpack Encore.

v1.0.1(7mo ago)02MIT

Since Oct 9Pushed 7mo agoCompare

[ Source](https://github.com/fastfony/webapp-webpack-encore-vue-sfc-pack)[ Packagist](https://packagist.org/packages/fastfony/webapp-webpack-encore-vue-sfc-pack)[ RSS](/packages/fastfony-webapp-webpack-encore-vue-sfc-pack/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (2)Versions (3)Used By (0)

Webapp pack for Symfony with Webpack Encore for Vue (Single-file component)
===========================================================================

[](#webapp-pack-for-symfony-with-webpack-encore-for-vue-single-file-component)

[![Latest Stable Version](https://camo.githubusercontent.com/8925e7669d64d3d0fb31b6685a45dce0a402672bcc3ddb73771b729d4114dc40/68747470733a2f2f706f7365722e707567782e6f72672f66617374666f6e792f7765626170702d7765627061636b2d656e636f72652d7675652d7366632d7061636b2f762f737461626c65)](https://packagist.org/packages/fastfony/webapp-webpack-encore-vue-sfc-pack) [![Total Downloads](https://camo.githubusercontent.com/cb9f654e62d5aa9eb6d15827335524b4ce88d8e21f588d25802df6666b98d932/68747470733a2f2f706f7365722e707567782e6f72672f66617374666f6e792f7765626170702d7765627061636b2d656e636f72652d7675652d7366632d7061636b2f646f776e6c6f616473)](https://packagist.org/packages/fastfony/webapp-webpack-encore-vue-sfc-pack) [![License](https://camo.githubusercontent.com/de2737eed0e9574b8f7ae4a59c0f88e8959c38fca09d5c9d776fe1b871613413/68747470733a2f2f706f7365722e707567782e6f72672f66617374666f6e792f7765626170702d7765627061636b2d656e636f72652d7675652d7366632d7061636b2f6c6963656e7365)](https://packagist.org/packages/fastfony/webapp-webpack-encore-vue-sfc-pack)

An other pack to install on top of the default Symfony skeleton. Include webpack-encore-bundle and necessary things for Vue single-file component (i.e. .vue)

It's a similar pack to symfony/webapp-pack but for persons would like to continue to use webpack and .vue files (Single-file component), instead of AssetMapper.

Installation
------------

[](#installation)

After [creating Symfony Applications](https://symfony.com/doc/current/setup.html#creating-symfony-applications), in your project directory:

```
composer remove symfony/asset-mapper symfony/stimulus-bundle symfony/ux-turbo
composer require fastfony/webapp-webpack-encore-vue-sfc-pack
npm install -D vue-loader --force

```

Then, start your project as usual (with Symfony CLI, Docker, etc.) and don't forget to enable watch mode with `npm run watch` for compile assets and automatically re-compile when files change.

Keep Going!
-----------

[](#keep-going)

### Optional configuration

[](#optional-configuration)

With this command you can configure webpack for silence the recommandation about "To create a smaller (and CSP-compliant) build" and for only use Vue Single-file component (see also: [Runtime Compiler Build](https://symfony.com/doc/current/frontend/encore/vuejs.html#runtime-compiler-build)):

```
sed -i '' 's/\.enableVueLoader()/.enableVueLoader(() => {}, { runtimeCompilerBuild: false })/' webpack.config.js

```

### Informations

[](#informations)

With webpack-encore-bundle and **without AssetMapper** you can still use [Stimulus & Symfony UX](https://symfony.com/doc/current/frontend/encore/simple-example.html#stimulus-symfony-ux) and [Turbo](https://symfony.com/doc/current/frontend/encore/simple-example.html#turbo-lightning-fast-single-page-application-experience)!

You can also complete your pack with :

- [fastfony/tailwind-webpack-encore-pack](https://packagist.org/packages/fastfony/tailwind-webpack-encore-pack) for requiring TailwindCSS.

###  Health Score

29

—

LowBetter than 60% of packages

Maintenance65

Regular maintenance activity

Popularity2

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity36

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~1 days

Total

2

Last Release

214d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/7883b2c582d55dda0ef0c937bd91940105d128c102b0bcaf47879e257a9b7159?d=identicon)[neothone](/maintainers/neothone)

---

Top Contributors

[![neothone](https://avatars.githubusercontent.com/u/13251143?v=4)](https://github.com/neothone "neothone (6 commits)")

---

Tags

symfonywebappwebpacksymfonyvuewebpackpackwebpack-encoreux-vuesfc

### Embed Badge

![Health badge](/badges/fastfony-webapp-webpack-encore-vue-sfc-pack/health.svg)

```
[![Health](https://phpackages.com/badges/fastfony-webapp-webpack-encore-vue-sfc-pack/health.svg)](https://phpackages.com/packages/fastfony-webapp-webpack-encore-vue-sfc-pack)
```

###  Alternatives

[maba/webpack-bundle

Bundle to Integrate Webpack to Symfony

123268.2k4](/packages/maba-webpack-bundle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)