title: Nuxtjs how to add global environment variable in all sass files
body: <p>I want to load an environment variable in all my <code>sass</code>/<code>scss</code> files.</p>
  
  <p>What I have done so far in <code>nuxt.config.js</code>:</p>
  
  <pre class="lang-js prettyprint-override"><code>export default {
    ...
    loaders: {
      scss: {
        data: '$myenv: ' + process.env.MY_ENV + ';'
      }
    }
  }
  </code></pre>
  
  <p>and I got this error in <code>mystyle.scss</code>:</p>
  
  <blockquote>
    <p>Undefined variable: "$myenv".</p>
  </blockquote>