Stack Overflow
Stack Overflow

Questions tagged [webpack-encore]

An API for processing & compiling assets built around Webpack.

Github

309 questions
53
votes
13 answers

webpack: Cannot read property 'match' of undefined

I have installed webpack (Symfony encore) using npm as follows: sudo npm install -g @symfony/webpack-encore --save-dev I ran this from /var/www/project I was required to install globally due to issues with package managers and shared folders when…
Alex.Barylski
  • 2,281
  • 3
  • 37
  • 57
30
votes
7 answers

How to add Fontawesome 5 to Symfony 4 using Webpack Encore

I want to add Font Awesome 5 to my Symfony 4 project, this is what I did : I added font awesome to my project using yarn : yarn add --dev @fortawesome/fontawesome-free I imported font awesome in my main scss file (assets/css/app.scss) : @import…
sylvain
  • 465
  • 1
  • 6
  • 13
17
votes
3 answers

Unknown "encore_entry_link_tags" function when using Webpack Encore ^0.21.0

I would like to use the new version of Webpack encore to have access to all the new features it offers. however after following the steps in the official guide I can't make it to work and I get Unknown "encore_entry_link_tags" function What I…
113408
  • 3,144
  • 5
  • 24
  • 50
16
votes
3 answers

How to handle assets in Symfony 4

I am building an application with Symfony 4 and I'd like to follow the best practices for web assets. I use Encore/Webpack for SCSS and JS and it works well; the resulting JS+CSS are nicely stored in /public/build folder. I'm stuck at how to store…
user3429660
  • 1,597
  • 3
  • 16
  • 29
10
votes
1 answer

usage of JS plugins with webpack

I am trying to reconfigure my Symfony 3 project to use webpack encore instead of normal asstets. I am a little stuck with this. For one part of the application I developed some JS plugins which inherits from Kube (a CSS and JS Framework I am…
SpigAndromeda
  • 174
  • 1
  • 10
9
votes
2 answers

Symfony Webpack Encore, Multiple JS/CSS Files to one file

I want to create one css/js file from multiple css/js files. Multiple addEntry not working, please check my code and give me the solution. var Encore = require('@symfony/webpack-encore'); Encore // the project directory where compiled…
Jagjeet Singh
  • 1,518
  • 1
  • 8
  • 19
7
votes
3 answers

How to preload a font with with Webpack Encore and webfonts-loader?

My project is built on : Symfony / Webpack Encore bundle webfonts-loader Running a Lighthouse audit, the first opportunity to improve performances is : Consider using to prioritize fetching resources that are currently…
Neko
  • 161
  • 6
7
votes
2 answers

Symfony 4 / Webpack Encore : jQuery doesn't work

jQuery doesn't work and I can't use my bootstrap dropdown, custom javascript... After a npm run dev (or npm run build), app.js file is well created and loads in the browser. Compilation is done without any error. I tried to enable…
user9801655
7
votes
1 answer

Webpack Encore Jquery Maximum call stack size

Im facing an issue after upgrading to Symfony 4.1 and switching to Encore. Uncaught RangeError: Maximum call stack size exceeded at _typeof (bundle.js?v=1.6565:3454) at _typeof (bundle.js?v=1.6565:3454) at _typeof (bundle.js?v=1.6565:3454) at…
Filip Gašperec
  • 161
  • 5
7
votes
2 answers

Webpack Encore - $ is not defined

I followed the documentation to make Webpack Encore work in my project. Imported js files in webpack.config.js work fine but I have an issue in page-specific js : $ is not defined. Webpack.config.js : const Encore =…
Kristen Joseph-Delaffon
  • 1,051
  • 1
  • 12
  • 31
7
votes
4 answers

How to integrate Tinymce with Symfony encore?

I have a Symfony4 project using flex and encore. I would like to add tinymce. So I add tinymce project: $ yarn add tinymce I edited my app.js file: require('../css/app.scss'); // Import TinyMCE import tinymce from 'tinymce/tinymce'; // A theme is…
Alexandre Tranchant
  • 3,686
  • 4
  • 31
  • 56
6
votes
2 answers

Override Vuetify SASS variables with webpack and twig

I have Vuetify 2.2.11 and I'm trying to override their SASS variables. I'm in a Symfony 3.x project so I didn't install Vuetify with the vue-cli. I followed the Webpack install guide but I can't seem to make it work. The Vuetify styles get dumped to…
Emilie
  • 662
  • 1
  • 7
  • 15
5
votes
1 answer

In a symfony project with encore, how to set-up Jest?

I have a symfony 5 project that I use with webpack-encore and babel At first, I activated babel in webpack.config.js : .configureBabelPresetEnv((config) => { config.useBuiltIns = 'usage'; config.corejs = 3; }) After dumping generated…
Pierre-Antoine Guillaume
  • 634
  • 1
  • 8
  • 19
5
votes
1 answer

Can't update Vuetify project to vuetify 2.0.0-beta5

Got a problem when updating from vuetify LTS to vuetify 2.0.0-beta.5. Before all worked great, vuetify styles were loading from app.scss Error: [Vue warn]: Error in getter for watcher "isDark": "TypeError: Cannot read property 'dark' of…
Vixtrime
  • 383
  • 3
  • 13
5
votes
4 answers

DataTables API undefined with Symfony Webpack Encore

I'm using Webpack Encore with Symfony 3.4 (part of migration to Symfony 4). I have Datatables (installed via NPM to node_modules) working with jQuery but the api functions such as .columns are returning: .column is not a function at Package…
Dan
  • 10,835
  • 12
  • 45
  • 105
1
2 3
…
20 21