diff --git a/symfony/webpack-encore-bundle/1.0/assets/js/app.js b/symfony/webpack-encore-bundle/1.0/assets/js/app.js
index 0648e871..1748c149 100644
--- a/symfony/webpack-encore-bundle/1.0/assets/js/app.js
+++ b/symfony/webpack-encore-bundle/1.0/assets/js/app.js
@@ -5,10 +5,10 @@
  * (and its CSS file) in your base layout (base.html.twig).
  */
 
-// any CSS you require will output into a single css file (app.css in this case)
-require('../css/app.css');
+// any CSS you import will output into a single css file (app.css in this case)
+import '../css/app.css';
 
-// Need jQuery? Install it with "yarn add jquery", then uncomment to require it.
-// const $ = require('jquery');
+// Need jQuery? Install it with "yarn add jquery", then uncomment to import it.
+// import $ from 'jquery';
 
 console.log('Hello Webpack Encore! Edit me in assets/js/app.js');