代码之家 › 专栏 › 技术社区 › Guillaume Harari

根据开发或产品环境加载css

webpack symfony

Guillaume Harari · 技术社区 · 6 年前

配置: Symfony 3.4-网页重播

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

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

{{ app.environment }}

但我不确定这是一个好的做法!

有没有办法通过我的yaml配置(config\u dev.yml、config\u test.yml、config\u prod.yml)来做到这一点?

或者通过我的网页来实现。配置。js?

2 回复 | 直到 6 年前

Guillaume Harari 6 年前

在我看来,使用当前环境作为主体CSS类并没有什么错。一、 e。

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

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

body.prod {background-color: white}
body.dev {background-color: lightyellow}
body.test {background-color: lightgreen}
...

Zahori 6 年前

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

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前