Encore Vue.js 风格编译错误文件夹

Posted 2023-02-22

【中文标题】Encore Vue.js 风格编译错误文件夹

【英文标题】：Encore Vue.js style compilation wrong folder

【发布时间】：2019-02-27 08:35:22

【问题描述】：

我在 Symfony 4.1 上运行，带有 Webpack Encore、用于前端和 SCSS 样式的 Vue.js 应用程序。在 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')

【参考方案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文件一起编译成一个文件）。

【讨论】：

感谢您的努力，但是这个编译错误：ibb.co/kh92nU

这似乎与我提出的设置无关