title: CSS in production mode is not displayed correctly
body: <p><strong>PROBLEM:</strong> On localhost everything is displayed correctly but not on production mode. CSS is not displayed but only for certain screen sizes. @media is not use</p>
  <p><strong>Goal</strong>: i need to display css correctly, not just on certain screen sizes</p>
  <p>code of the production mode:
  <a href="https://i.stack.imgur.com/QU42K.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>Import bootstrap:</p>
  <p>main.js</p>
  <pre><code>import Vue from 'vue'
  import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
  Vue.use(BootstrapVue)
  Vue.use(IconsPlugin)
  </code></pre>
  <p>base.scss</p>
  <pre><code>$primary: $red;
  @import '~bootstrap/scss/bootstrap.scss';
  @import '~bootstrap-vue/src/index.scss';
  </code></pre>
  <p><strong>Thanks for help. if more information is needed, I will add it
  below</strong> I am adding configuration files:</p>
  <p>package.json</p>
  <pre><code>&quot;vue&quot;: &quot;^2.6.11&quot;,
  &quot;bootstrap-vue&quot;: &quot;^2.21.2&quot;,
  &quot;node-sass&quot;: &quot;^4.12.0&quot;,
  &quot;sass-loader&quot;: &quot;^7.2.0&quot;,
  &quot;style-resources-loader&quot;: &quot;^1.4.1&quot;,
  ...
  </code></pre>
  <p>vue.config.js</p>
  <pre><code>const path = require('path')
  module.exports = {
      pwa: {
           name: &quot;name_web&quot;
      },
      chainWebpack: config =&gt; {
          const types = ['vue-modules', 'vue']
          types.forEach(type =&gt; addStyleResource(config.module.rule('scss').oneOf(type)))
      },
  }
  
  function addStyleResource (rule) {
      rule.use('style-resource')
          .loader('style-resources-loader')
          .options({
              patterns: [
                  path.resolve(__dirname, './src/scss/base.scss'),
              ],
          })
  }
  </code></pre>
  <p>webpack.config.js</p>
  <pre><code>module.exports = {
      module: {
          rules: [
              {
                  test: /\.s[ac]ss$/i,
                  use: [
                      'vue-style-loader',
                      'css-loader',
                      'sass-loader'
                  ],
              }
          ],
      },
  }
  </code></pre>