Encore Vue.js 样式编译错误的文件夹

Question

我运行在Symfony 4.1上，带有Webpack Encore，Vue.js前端和SCSS风格的应用程序。在 VUE 单文件组件中，我声明了将样式编译到公共/构建/js/文件夹中作为应用程序.css以及同一文件夹中的应用程序/js。知道如何将目标更改为公共/构建/css/应用程序.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 文件一起编译成一个文件(。