title: Best method of including base/global styles in Vue
body: <p>When adding base/global styles in Vue, is it best practice to require them in my <code>main.js</code>?</p>
  
  <pre><code>import Vue from 'vue';
  import App from './App.vue';
  import store from './store/';
  
  require('./assets/scss/main.scss');
  
  Vue.config.productionTip = false;
  
  new Vue({
    store,
    render: h =&gt; h(App)
  }).$mount('#app')
  </code></pre>
  
  <p>Or is it better to import them in my <code>App.vue</code>?</p>
  
  <pre><code>&lt;style lang="scss"&gt;
  
      @import 'src/assets/scss/main.scss';
  
  &lt;/style&gt;
  </code></pre>