llevo un buen rato peleandome con esto y no hay manera de hacer funcionar el jquery usando el webpack de symfony.
He seguido este tutorial (creo que es el oficial de symgony) desde el principio:
https://symfonycasts.com/screencast/webpack-encore/require-outside-libs#play
También he seguido los pasos que se indican aquí:
https://symfony.com/doc/current/frontend/encore/legacy-apps.html
Pero no veo la manera de hacer funcionar el jQuery en mis archivos.
Pues me salta el siguiente error
index:11 Uncaught ReferenceError: $ is not defined at index:11
Es decir que $
no está definido.
Este es mi archivo app.js
require('../css/app.css');
const $ = require('jquery');
y este es el archivo webpack.config.js
var Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath('public/build/')
.setPublicPath('/build')
.addEntry('app', './assets/js/app.js')
.enableSingleRuntimeChunk()
.cleanupOutputBeforeBuild()
.enableBuildNotifications()
.enableSourceMaps(!Encore.isProduction())
.enableVersioning(Encore.isProduction())
.autoProvidejQuery()
.autoProvideVariables({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
})
;
module.exports = Encore.getWebpackConfig();
No veo la manera de que esto funcione.