par
BaLiSTiK » 14 déc. 2018, 17:36
Je viens de commencer un projet en Symfony 4 et j'ai un soucis avec les fichiers compilés par webpack.encore : ils sont en 404.
Mes pages sont donc toute vide de style.
Ma configuration de webpack.encore :
Code : Tout sélectionner
var Encore = require('@symfony/webpack-encore');
var CopyWebpackPlugin = require('copy-webpack-plugin');
Encore
// directory where compiled assets will be stored
.setOutputPath('public/build/')
// public path used by the web server to access the output path
.setPublicPath('/build')
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
/*
* ENTRY CONFIG
*
* Add 1 entry for each "page" of your app
* (including one that's included on every page - e.g. "app")
*
* Each entry will result in one JavaScript file (e.g. app.js)
* and one CSS file (e.g. app.css) if you JavaScript imports CSS.
*/
.addEntry('app', './assets/js/app.js')
// will require an extra script tag for runtime.js
// but, you probably want this, unless you're building a single-page app
.enableSingleRuntimeChunk()
// enables Sass/SCSS support
.enableSassLoader()
.addPlugin(new CopyWebpackPlugin([
{ from: './assets/images', to: 'images' }
]))
.enableVueLoader();
;
module.exports = Encore.getWebpackConfig();
Mes fichiers sources sont bien présent dans le dossiers assets et lors de la compilation avec
yarn encore dev
les fichiers compilés apparaissent bien dans le dossier
public\build\
.
Mon base.html.twig :
Code : Tout sélectionner
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
et
Code : Tout sélectionner
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
Générant dans le DOM
<link rel="stylesheet" href="/build/app.css">
et
<script src="/build/runtime.js"></script><script src="/build/app.js"></script>
. Suivant les différentes doc et tutos trouvés je n'arrive pas à voir ce que je fais de mal...
Je viens de commencer un projet en Symfony 4 et j'ai un soucis avec les fichiers compilés par webpack.encore : ils sont en 404.
Mes pages sont donc toute vide de style.
Ma configuration de webpack.encore :
[code]
var Encore = require('@symfony/webpack-encore');
var CopyWebpackPlugin = require('copy-webpack-plugin');
Encore
// directory where compiled assets will be stored
.setOutputPath('public/build/')
// public path used by the web server to access the output path
.setPublicPath('/build')
.cleanupOutputBeforeBuild()
.enableSourceMaps(!Encore.isProduction())
/*
* ENTRY CONFIG
*
* Add 1 entry for each "page" of your app
* (including one that's included on every page - e.g. "app")
*
* Each entry will result in one JavaScript file (e.g. app.js)
* and one CSS file (e.g. app.css) if you JavaScript imports CSS.
*/
.addEntry('app', './assets/js/app.js')
// will require an extra script tag for runtime.js
// but, you probably want this, unless you're building a single-page app
.enableSingleRuntimeChunk()
// enables Sass/SCSS support
.enableSassLoader()
.addPlugin(new CopyWebpackPlugin([
{ from: './assets/images', to: 'images' }
]))
.enableVueLoader();
;
module.exports = Encore.getWebpackConfig();
[/code]
Mes fichiers sources sont bien présent dans le dossiers assets et lors de la compilation avec [quote]yarn encore dev[/quote] les fichiers compilés apparaissent bien dans le dossier [quote]public\build\[/quote].
Mon base.html.twig :
[code]
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
[/code]
et
[code]
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
[/code]
Générant dans le DOM [quote]<link rel="stylesheet" href="/build/app.css">[/quote] et [quote]<script src="/build/runtime.js"></script><script src="/build/app.js"></script>[/quote]. Suivant les différentes doc et tutos trouvés je n'arrive pas à voir ce que je fais de mal...