使用Encore导入SCSS文件的路径是什么?

时间:2019-05-02 21:01:35

标签: symfony import sass path

我在Symfony下将Webpack与Encore一起使用。我已启用SassLoader,取消注释.enableSassLoader(),并将assets/css/app.css重命名为assets/css/app.scss

我已将Assets / js / app.js中的require从../css/app.css修改为../css/app.scss

直到现在,它仍然有效。样式文件是在public/build/app.css

中编译的

但是我有很多要导入的SCSS文件(一个包含变量,另一个包含mixins,另一个包含HTML重置等)。

因此,当我尝试使用时(例如,我只拿了一个,并将其放置在与app.scss相同的目录中:

@import "header"

@import "header.scss"; 

它不起作用!两种导入均无效。

我试图在我的app.js中添加:

require('../css/header.scss');

工作之上:

require('../css/app.scss');

仍然无效。

我尝试在webpack.config.js中添加:

.addEntry('header', './assets/js/header.js')

2 个答案:

答案 0 :(得分:1)

Massya92:您是否已在webpack.config.js中添加.enableSassLoader()?

答案 1 :(得分:0)

编辑:这非常愚蠢!

在导入的scss文件“标头”中,我称为@extends .wrapper,该文件尚不存在,因为它在我已评论的另一个文件中!我没有在终端^^

中读取错误消息

感谢大家的帮助