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

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

0 голосов
/ 23 сентября 2018

Я работаю на Symfony 4.1 с Webpack Encore, приложением Vue.js для стилей внешнего интерфейса и стилей SCSS.В отдельном файловом компоненте VUE я объявляю стиль, который, однако, компилируется в общую папку / 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')

1 Ответ

0 голосов
/ 24 сентября 2018

Рекомендованный способ достичь желаемого - настроить ваш 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 собраны в один файл).

...