Как правильно подключать js/css в Symfony4?

Question

[zirdid]

Помогите разобраться с подключением js/css в Symfony4 с Webpack Encore. Пытаюсь подключить adminlte для админки. Скачиваю его через npm в node_modules и ... как действовать дальше, чтобы использовать скрипты и стили в шаблонах?
Со скриптами, если понимаю правильно, просто - создаем в assets/js файл, подключаем в нем
var adminlte=require('admin-lte');
и в шаблоне уже используем сгенерированный через webpack файл.
А вот как быть со стилями?

Answer 1

[bkosun]

Аналогично, пример подключения bootstrap:

assets/dashboard/js/dashboard.js

var $ = require('jquery');
require('bootstrap');

assets/dashboard/scss/dashboard.scss
@import "~bootstrap/scss/bootstrap";

webpack.config.js

var Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('public/assets/')
    .setPublicPath('/assets')
    .cleanupOutputBeforeBuild()
    .enableSourceMaps(!Encore.isProduction())
    .addEntry('js/dashboard', './assets/dashboard/js/dashboard.js')
    .addStyleEntry('css/dashboard', './assets/dashboard/scss/dashboard.scss')
    .enableSassLoader(function(sassOptions) {}, {
        resolveUrlLoader: false
    })
    .autoProvidejQuery()
;

module.exports = Encore.getWebpackConfig();