根据dev或prod环境加载css

时间:2018-05-14 12:48:47

标签: symfony webpack

配置: Symfony 3.4 - Webpack Encore

在实践中,根据开发,测试或生产环境,我需要在身体上使用不同的背景颜色。

我知道我可以在树枝上做这样的事情:

{{ app.environment }}

但我不确定这是一个好习惯!

有没有办法通过我的yaml配置(config_dev.yml,config_test.yml,config_prod.yml)来做到这一点?

或者通过我的webpack.config.js做到这一点?

2 个答案:

答案 0 :(得分:1)

我在Webpack的文档中发现:https://symfony.com/doc/3.4/frontend/encore/advanced-config.html#defining-multiple-webpack-configurations

这是你在找什么?要根据您的环境更改样式表?您所要做的就是为不同的环境配置所需的样式表,并使用正确的配置启动webpack compilator。

答案 1 :(得分:1)

使用当前环境作为正文CSS类在我看来没有错。即。

app.get("/widget", (req, res) => {
     res.send(path.join(__dirname + "/src/client/public/bundle.js"));
});

然后你甚至不必加载不同的CSS样式表,你只需要在同一个CSS中使用不同的类定义,例如。

<body class="{{ app.environment }}">