简体   繁体   English

用于制作和登台的不同样式表

[英]Different style sheets for production and staging

I want to use different style for staging.我想使用不同的风格进行登台。 How can i set it up differently in node environments.我如何在节点环境中进行不同的设置。

For example i have the following scss files:例如,我有以下 scss 文件:

scss/style.scss
scss/theme.scss
scss/green.scss

after compiling its gives me编译后给了我

style.scss

Now i want to change the style of my staging and i want to use现在我想改变我的登台风格,我想使用

**red.scss** instead of green.scss

only for staging.仅用于登台。 Production should not be effect by this.生产不应受此影响。

You can set different styles on different server by adding name of style in config file.您可以通过在配置文件中添加样式名称来在不同的服务器上设置不同的样式。

  //require config.js and it can be like this:   

  var environments = {};        

  environments.staging = {        
      'httpPort': 3000,        
      'envName': 'staging',        
      'style': 'red.scss'
  }        

  environments.production = {        
      'httpPort': 5000,        
      'envName': 'production',        
      'style': 'green.scss'        
  }        

  var currentEnvironment = typeof(process.env.NODE_ENV) == 'string' ? process.env.NODE_ENV : '';        
  var environmentToExport = typeof(environments[currentEnvironment]) == 'object' ? environments[currentEnvironment] : environments.staging;        

  module.exports = environmentToExport;        

您是否考虑过使用环境变量?

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM