Encore Vue.js стиль компиляции неправильная папка

Question

Я работаю на Symfony 4.1 с Webpack Encore, приложением Vue.js для внешнего интерфейса и стилей SCSS. В отдельном файловом компоненте VUE я объявляю стиль, который, однако, компилируется в папку public / build / js / как app.css вместе с app / js в той же папке. Любая идея, как я могу изменить назначение на public / build / css / app.css, где у меня все мои файлы sccs скомпилированы в один файл? Это достигается за счет импорта, однако я не могу установить то, что я описал выше. Вот часть моего webpack.config.js:

 .enableSassLoader()
 .enableVueLoader()
 .addEntry('js/app', './assets/js/app.js')
 .addStyleEntry('css/app', './assets/css/main.scss')

Answer 1

Рекомендуемый способ добиться того, чего вы хотите, это настроить ваш webpack.config.js следующим образом:

.enableSassLoader()
.enableVueLoader()
.configureFilenames({
    css: 'css/[name].css',
    js: 'js/[name].js'
})
.addEntry('app', './assets/js/app.js')

Тогда в вашем assets/js/app.js файл:

require('../scss/main.scss');
// your code

Приведенная выше конфигурация произведет build/js/app.js файл и build/css/app.css файл (все ваши файлы scss собраны в один файл).